如何让一个脚本触发另一个 [jQuery] 缩小和扩展搜索框

Posted 2023-02-16

【中文标题】如何让一个脚本触发另一个 [jQuery] 缩小和扩展搜索框

【英文标题】：How to have one script trigger another [j Query] Shrinking and expanding searchbox

【发布时间】：2011-05-17 00:50:02

【问题描述】：

嘿，我有一个简单的问题，但我会先设置场景。

我正在制作一个类似于 apple.com 的菜单栏（当点击搜索栏时，它会自动展开以显示可用的用户输入）

现在我有一个脚本，可以在单击时扩展搜索，如下所示：

<script>
$("#searchbar").focus(function() 
$("#searchbar").animate(
        width: 170,
        "medium");
);
$("#searchbar").blur(function() 
$("#searchbar").animate(
        width: 92,
        "medium");
);
</script>

所以我需要以某种方式缩小菜单栏的其余部分，这就是我的想法：如果我在单独的 div 标签中制作按钮，然后在单击搜索栏时调用 div 的缩小应该可以正常工作。

唯一的问题是我不知道如何完成这项任务。这就是为什么我来问这个问题，我希望我不是在问一个完整的noobish问题！ :)

感谢大家的帮助！ -约翰

【参考方案1】：

您想为您的animate 函数添加一个complete 回调。见http://api.jquery.com/animate/

回调在事件完成后发生（在您的情况下是动画）。

【讨论】：

好的，我正在阅读该页面。谢谢！你能帮我提供具体的代码吗，我会添加代码来调整 div 按钮的大小并在单击搜索栏时调用它吗？再次感谢！