Jquery 表单提交期间的动画错误

我有一个动画搜索栏，它使用聚焦方法：

$("#search .generic").focus(function () {
    $(this).css("width","320px");
}).focusout(function () {
    $(this).css("width","200px");
});

但是，如果单击搜索图标，它会更改搜索输入框上的动画（将宽度从320px更改为较小的200px），而不是提交，然后提交。这是搜索图标图像类：

$("#search .search-btn").stop();

我在“#search.generic”（输入框）上有一个CSS3动画，运行良好，幻灯片正常

当我单击或悬停搜索图标图像时，是否有停止动画的方法？？让表格提交？该表单中唯一的其他JS是占位符集：

$('#search .generic').attr("placeholder", "SEARCH ME");

我要指出的是，标准的enter键对于表单post非常有效。我只是看到人们自然地使用图像（按照设计师的意愿）

--> HTML代码（更新后）：

-->

---

欢迎提供任何帮助：）

此代码将停止悬停在提交btn上的动画

$('#search .search-btn').hover(function() {
     $('#search .generic').stop(true, true);
     return true;
});

---

你也可以发布你的html标记吗？完整地发布你的代码。或者你能解释一下“真的，真的”是什么意思吗？Many Thanks First:clearQueue Type:Boolean表示是否删除排队动画的布尔值。默认为false。第二：jumpToEnd类型：布尔值指示是否立即完成当前动画的布尔值。默认为false。

$('#search .search-btn').hover(function() {
     $('#search .generic').stop(true, true);
     return true;
});