Question

有一个自定义选择框，Firefox无法与之交互。有谁知道这是什么问题？我猜问题出在下面的代码中：

$(".custom-select-trigger").on("click", function() {
    $('html').one('click',function() {
        $(".custom-select").removeClass("opened");
    });
    $(this).parents(".custom-select").toggleClass("opened");
    event.stopPropagation();
});

选择框在这里：https://codepen.io/yy/pen/vOYqYV

Answer 1

如果您检查控制台，它将显示event not defined。

$(".custom-select-trigger").on("click", function() {在这里，您需要添加event，所以它显示为$(".custom-select-trigger").on("click", function(event) {

Answer 2

在Firefox控制台中显示

ReferenceError: event is not defined错误。这意味着您正在使用未定义的event。因此，请按如下所示重写代码

$(".custom-select-trigger").on("click", function(event) {//added event here
  $('html').one('click',function() {
    $(".custom-select").removeClass("opened");
  });
  $(this).parents(".custom-select").toggleClass("opened");
  event.stopPropagation();
});

DEMO HERE

Answer 3

$(".custom-select-trigger").click(function() {
  $(this).parent().toggleClass("opened");
});

Firefox出现具体自定义选择框的麻烦

3 个答案: