Question

我有Firefox和bxSlider的问题。我不知道为什么onclick不起作用。实时预览here

＆＃13;

        $(document).on('click', '.more', function () { 
            e.preventDefault();
            var heightSpan = $(this).parent().parent().find(".hide-text").height();
            var startHeight = $(".bx-viewport").height();
            $(this).parent().parent().find(".hide-text").css("display", "block");
            $(".bx-viewport").animate({ height: startHeight + heightSpan+15 }, 200);
            $(this).parent().html('<div class="glyphicon glyphicon-remove-circle rem" data-height="' + startHeight +'"></div>');
            $("#bx-pager .active").click();
        });

＆＃13;

在Chrome中，一切都还可以，但在Firefox中Quantum存在问题...在jQuery或JavaScript中点击不起作用。

错误在哪里？

Answer 1

在你的函数中，你永远不会将参数 e 传递给函数，所以这个：

$(document).on('click', '.more', function () { 
            e.preventDefault(); //Problem happens here
            ...
        });

应该做到这一点：

$(document).on('click', '.more', function (e) { 
            e.preventDefault();
            ...
        });

https://jsfiddle.net/9a739b0h/3/

这解决了点击无法产生效果的问题，但我不确定第二个问题是什么（如果有的话，我没有正确理解）。

Firefox onclick不起作用

1 个答案: