Question

我创造了一个小提琴，其代码非常精简。即使使用超薄版本，我似乎无法让我的JQuery在Safari或Chrome中运行？适用于Firefox ..

我对jQuery(document).ready(function ($) {});

做错了什么

我无法弄清楚为什么即使点击/提醒也不起作用，我认为是那条线？

任何帮助都会非常感激，在jQuery或Javascript方面我还是个新手。

修改我的目标是将选项值附加到网址，其中说这就是我所拥有的但是这个或小提琴在chrome或safari中都不适合我，我不确定这是不是我做错了：

jQuery(document).ready(function($) {

    $("#landing-select option").click(function(){
        window.location.search = $(this).val();

        });
});

Answer 1

不确定您要完成的任务，但option-element不会触发click事件。以下作品（在选择元素上mousedown）

jQuery(document).ready(function ($) {
    $('#landing-select').mousedown(function () {
        alert('event triggered');
    }); 
});

Answer 2

您需要添加多个选择以触发选项点击事件：

<select id="landing-select" class="select" name="items" multiple="multiple">

Answer 3

为什么不进行.change()事件，而不是监控点击次数？

jQuery(document).ready(function ($) {
  $('#landing-select').change(function () {
      alert($('#landing-select').val());
  });
});

如果您确实有一个只想触发特定选项的事件，您可以随时执行此操作：

jQuery(document).ready(function ($) {
  $('#landing-select').change(function () {
      if($('#landing-select').val() == "Option 1"){
          alert("Option 1 specific stuff.");
      }
  });
});

您的修改更新：

jQuery(document).ready(function($) {

    $('#landing-select').change(function () {
        window.location.search = $('#landing-select').val();
    });
});

Answer 4

我发现最简单的方法就是这样做

jQuery(document).ready(function ($) {

    $('#landing-select').change(function () {
        alert($(this).val());
    });

});

如果您想将此附加到网址，则可以执行以下操作

jQuery(document).ready(function ($) {

    $('#landing-select').change(function () {
        url = window.location.href;
        url += '?'+$(this).val();
        window.location.href = url;
    });

});

JQuery不适用于Safari或Chrome

4 个答案: