jQuery无法在Safari或Chrome上运行

Question

我用代码的精简版创建了一个小提琴。 即使是超薄版本，我似乎也无法使我的JQuery在Safari或Chrome中运行？ 在Firefox上工作正常。

在这里看看： http : //jsfiddle.net/7wAja/

我在jQuery(document).ready(function ($) {});做错了吗jQuery(document).ready(function ($) {});

我想不通为什么即使单击/警报也行不通，因为我以为那是那行？

任何帮助将不胜感激，当涉及到jQuery或Javascript时，我还是一个新手。

编辑：我的目标是将options值附加到url，这就是我所拥有的，但是this或小提琴在chrome或safari中都不适合我，我不确定这是否是我做错的事情：

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

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

        });
});

Answer 1

不确定您要完成的操作，但选项元素不会触发click事件。 以下作品（将鼠标移到选择元素上）

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());
    });

});

如果要将其附加到URL，可以执行以下操作

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

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

});