2012-02-08 93 views
0

有沒有人見過這種行爲:Firefox 10 - 不可點擊的按鈕?

我有一對夫婦用來驅動內容轉子HTML按鈕:

<div id="rotatorControls" class="rotatorControls" runat="server"> 
    <input name="previous" id="previous" type="button" value="&laquo;" /> 
    &nbsp; 
    <input name="next" id="next" type="button" value="&raquo;" /> 
</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)

+0

張貼演示頁的鏈接或者讓小提琴再現錯誤 – fcalderan 2012-02-08 13:53:35

+2

問題你確定有東西不在你的按鈕上嗎?某個位置:絕對或更高的Z指數...?你能通過右擊它來檢查按鈕嗎? – FMaz008 2012-02-08 14:18:12

+0

事實證明,有一個div堆放在按鈕上...我設法通過設置定位數據和z-index屬性來解決它。 FMaz008,如果你回答這個問題,我會將其標記爲已接受。 – Tim 2012-02-08 15:14:10

回答

0

在猜測沒有完整的代碼,我建議檢查相關的js文件在Firefox和Chrome中爲這個插件正確加載。在這個問題中值得注意的是它是通過一個不是標準jQuery的插件來實現的。

0

我昨天有同樣的問題與Firefox的後期版本,我發現幫助這個網站從米奇G.

可能幫助,如果你想要走這條路線,它爲我工作在一個類似的問題,也用幻燈片。

將您的按鈕裏面的功能:

<input name="next" id="next" type="button" onclick="$mcarousel.next();" value="&raquo;" /> 

原諒我,如果我離開了一個或兩個字符,還是蠻新的。

這表明

這似乎並不爲Z-指數,我發現有時信息Firefox擁有與「點擊()」