Question

有没有人见过这种行为：

我有几个用于驱动内容循环器的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 Suleman提供的mCarousel插件（http://www.marghoobsuleman.com/jquery-ms-carousel）

Answer 1

在没有完整代码的猜测中，我建议检查在Firefox和Chrome中为此插件正确加载的相关js文件。另外值得注意的是，这个功能来自于一个插件而非标准的jQuery。

Answer 2

也许你错过了最初的实现：

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

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

Answer 3

昨天我和Firefox的后期版本有同样的问题，我在Mikey G的网站上找到了帮助。

这个可能有帮助，如果你想走这条路线，它对我来说是一个类似的问题，也是幻灯片。

将您的功能放在按钮内：

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

如果我遗漏了一两个字符，请原谅我，还是很新的。

它似乎不是z-index，我发现信息表明Firefox有时会出现问题.click（）＆＃39;

Firefox 10 - 无法点击的按钮？

3 个答案: