jquery - ajax 无法在 chrome 上工作(在 firefox 中工作)，可能是由于事件错误

Question

我的脚本无法在 Chrome 上运行，但在 Firefox 上运行良好

脚本如下，r_tour是select元素的id，option是一个选项

$("#r_tour option").click(function(){
     var value = $(this).val(); $.post(      
        'url',
        {"id": value}, function(data){
        $(div).html(data);}, "html" ); 
})

链接是here 。在此链接上，您将获得从 ajax 加载的默认值(因为在文档加载时调用 ajax)，但是(ajax 请求的事件事件将不会加载)。

我认为这可能是由于事件造成的，但仍然没有线索。

更新::

这段代码在我的本地服务器上也不起作用

$(function (){
$("#r_tour option").click(function(){
     var value = $(this).val(); 
     alert(value);
})
});

Answer 1

您能否验证这是否适合您？它应该完成同样的事情。

$("#r_tour option").click(function(){
     var value = $(this).val(); 
     $(div).load (url, 'id=' + uriEncodeComponent(value));
})

更新

我现在明白了。看起来#r_tour是一个选择框，那么为什么不在选择框的值发生变化时触发此代码呢？使用 $("#r_tour").change() 而不是 $("#r_tour option").click()

参见http://jsfiddle.net/L5Ktr/1/

$("#r_tour").change(function(){
     var value = $(this).val(); 
     $(div).load (url, 'id=' + uriEncodeComponent(value));
})