有沒有人見過這種行爲:Firefox 10 - 不可點擊的按鈕?
我有一對夫婦用來驅動內容轉子HTML按鈕:
<div id="rotatorControls" class="rotatorControls" runat="server">
<input name="previous" id="previous" type="button" value="«" />
<input name="next" id="next" type="button" value="»" />
</div>
的按鈕用一點jQuery的激活:
$(document).ready(function() {
mcarousel = $("#carouseldiv").msCarousel({ boxClass: 'div.box', height: 100, width: 450 }).data("msCarousel");
//add click event
$("#next").click(function() {
//calling next method
mcarousel.next();
});
$("#previous").click(function() {
//calling previous method
mcarousel.previous();
});
})
在IE瀏覽器工作正常......在Chrome和FireFox 10中,按鈕不可點擊。當我將光標移到按鈕上時,光標不會改變,按鈕不像其他按鈕那樣突出顯示。
任何人之前和/或有任何想法如何解決這個問題?我已經嘗試在按鈕上設置z-index,並將它們從容器div中移出(認爲不可見的元素阻止了單擊),但這兩者都不起作用。
任何幫助,將不勝感激。
編輯
我使用Marghoob蘇爾曼提供的mCarousel插件(http://www.marghoobsuleman.com/jquery-ms-carousel)
張貼演示頁的鏈接或者讓小提琴再現錯誤 – fcalderan 2012-02-08 13:53:35
問題你確定有東西不在你的按鈕上嗎?某個位置:絕對或更高的Z指數...?你能通過右擊它來檢查按鈕嗎? – FMaz008 2012-02-08 14:18:12
事實證明,有一個div堆放在按鈕上...我設法通過設置定位數據和z-index屬性來解決它。 FMaz008,如果你回答這個問題,我會將其標記爲已接受。 – Tim 2012-02-08 15:14:10