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）

来源

2012-02-08 Tim

张贴演示页的链接或者让小提琴再现错误 – 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

在猜测没有完整的代码，我建议检查相关的js文件在Firefox和Chrome中为这个插件正确加载。在这个问题中值得注意的是它是通过一个不是标准jQuery的插件来实现的。

来源

2012-02-08 14:07:10 Amalea

也许你失去了一些东西从原来的实现：

http://www.marghoobsuleman.com/mywork/jcomponents/carousel/index.html

例如，boxClass: 'div.box'指向了错误的地方。

来源

2012-02-08 14:19:33

我昨天有同样的问题与Firefox的后期版本，我发现帮助这个网站从米奇G.

这可能帮助，如果你想要走这条路线，它为我工作在一个类似的问题，也用幻灯片。

将您的按钮里面的功能：

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

原谅我，如果我离开了一个或两个字符，还是蛮新的。

这表明

这似乎并不为Z-指数，我发现有时信息Firefox拥有与“点击（）”

来源

2012-02-08 14:51:45

Firefox 10 - 不可点击的按钮？

回答

相关问题