動畫的Bug提交

我有一個動畫搜索欄，它在對焦方式的工作原理：動畫的Bug提交

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

但是，如果我點擊搜索圖標，它改變了動畫的變化（從320像素寬度較小寬度200像素）在搜索輸入框而不是提交，然後提交。這是搜索圖標圖像類：

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

我對「＃搜尋.generic」（輸入框）一CSS3動畫的正常工作和幻燈片確定。

當點擊或懸停搜索圖標圖像時，是否有辦法停止動畫？讓表單提交？唯一的其他JS我只有形式是一個佔位符集：

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

我想指出，一個標準的輸入罰款的形式交的重點工作。我只是自然而然地使用圖像（根據設計師的意願）。

- > HTML代碼（POST UPDATE）：

<aside id="search"> 
    <form id="searchform" method="GET" action="/search/"> 
    <input class="search-btn" type="submit" value=""> 
    <input class="generic" type="text" name="searchform" placeholder="SEARCH ME"> 
    </form> 
</aside>

- >

任何幫助將非常歡迎:)

來源

2013-08-21 Neil

你可以發佈你的html標記嗎？ – cfs

完全發佈您的代碼。或做一個jsfiddle – astroanu

完成Guys/Gals – Neil

此代碼停在上空盤旋的動畫提交btn！

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

來源

2013-08-22 08:38:49

你能解釋一下什麼是「真實的」？很多謝謝 – Neil

first：clearQueue 類型：布爾型布爾值，指示是否也刪除排隊的動畫。默認爲false。秒：jumpToEnd 類型：布爾值布爾值，指示是否立即完成當前動畫。默認爲false。 –

動畫的Bug提交

回答

相關問題