javascript - Jquery OnClick 仅在 Firefox 中不起作用

Question

我正在显示一个下拉菜单 <ul> onclick，以及该下拉列表中每个 li 的 onclick，我将数据值发送到隐藏字段中。这在 Chrome 和 Safari 中完美运行，但 onClick 在 Firefox 中不起作用。我也有动态变量。但我认为这与该问题无关。

http://codepen.io/omarel/pen/KgQbqo(笔可以在 Chrome 中使用，但不能在 Firefox 中使用!)

HTML

 <div class="dropdown">
        <input type="text" class="hide" id="formdata_price_range" name="formdata_price_range" value="">
        <div class="holdalink"><a href="javascript:;" id="price_range" class="btn dropdownlink">price range</a> <span class="icon downarrow"></span></div>
        <ul id="price_range-options" class="options">
            <li id="option1" data-value="1,000,000-$1,500,000" class="dropdown-option" onclick="chooseDropDownOption(this);">1,000,000-$1,500,000</li>
            <li data-value="1,500,000-$2,000,000" class="dropdown-option" onclick="chooseDropDownOption(this);">1,500,000-$2,000,000</li>
            <li data-value="2,500,000-$3,000,000" class="dropdown-option" onclick="chooseDropDownOption(this);">2,500,000-$3,000,000</li>
        </ul>
    </div>

JQUERY

    $('.dropdown .dropdownlink, .dropdown .dropdownlink .thelabel').click(function () {
        var dropdownLinkID = event.target.id;
        $('#' + dropdownLinkID + '-options').toggleClass("on");
        $('#' + dropdownLinkID).toggleClass("on"); //add on to link. Only needed if using showoverlay (optional)
        $('.contactholder .overlay').fadeToggle(100); //showoverlay  (optional)
    });

 function chooseDropDownOption(el) {
        var dropdownUL = $(el).closest('ul').attr('id'); 
            //get value of the class to add .on to
        var selectionValue =  $(el).attr('data-value'); 
           // get data value of li selection to update label and input field
        var dropdownLinkID = dropdownUL.substr(0, dropdownUL.indexOf('-'));
        $('#' + dropdownUL).toggleClass("on");
        $('#' + dropdownLinkID).html(selectionValue);
        $('#formdata_' + dropdownLinkID).val(selectionValue);
    }

CSS

 .dropdown .options {
    visibility: hidden;
    opacity: 0;
}
.dropdown .options.on  {
    visibility: visible;
    opacity:1;
}

Answer 1

事件 并非在所有浏览器中作为全局变量使用

使用事件处理程序提供的参数

$(selector).click(function (event) {...

浏览器开发工具控制台中的错误是一个直接的线索