JQuery不适用于Safari或Chrome

我已经创建了一个精简版的小提琴代码。即使使用Slim版本，我也无法使我的JQuery在Safari或Chrome中工作？适用于Firefox的罚款..JQuery不适用于Safari或Chrome

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

我想不通为什么连点击/警报将不工作，要么是我认为这是该行？

任何帮助将不胜感激，我仍然是一个newb当涉及到jQuery或Javascript。

编辑： 我的目标是选项值添加到URL，随着中说，这是我有什么，但是这也不或小提琴在Chrome或Safari和Im工作对我来说不知道这是否是我做错了什么：

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

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

     }); 
});

来源

2014-02-14 Derek

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

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

});

来源

2014-02-14 14:48:50

谢谢，谢谢 - 这工作！ – Derek

不知道你想完成什么，但选项元素不会触发点击事件。以下作品（选择元件上鼠标按下）

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

来源

2014-02-14 14:32:43 Henrik

我编辑我的问题表现出什么，我其实是想用它做，我只是做了小提琴，看看我是否能事件得到警报触发，但没有我在做什么似乎工作:( – Derek

您需要添加多个选择火灾选项单击事件：

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

来源

2014-02-14 14:33:51

相反监测的点击，为什么不只是做一个.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(); 
    }); 
});

来源

2014-02-14 14:41:37

JQuery不适用于Safari或Chrome

回答

相关问题