Question

以下是适用于Firefox和IE但不适用于Chrome的jQuery代码。我将alert（）置于调试状态，它不适用于chrome或safari。有任何想法吗？ bxslider jquery可以工作但不是$（“。locationoption”）。click（function（）。这是代码：

$(document).ready(function(){

    $(".locationoption").click(function() {
        var datastring = "location="+$("#locationselection").val()+"&language="+"<?php echo $language; ?>";

        alert(datastring);

        $.ajax({
            type: "POST",
            url: "includes/ajaxlocationsearch.php",
            data: datastring,
            cache: true,
            success: function (data) {
                $("#hotelselection").html(data);
            }
        });
    });

  $('#leftsidebarbanners').bxSlider({
    controls:true,
    nextText:"  Next &#8594;",
    prevText:"&#x2190; Previous  |",
  });

});

Answer 1

我猜你不应该使用点击“选项”元素，因为我猜它不是一个真正的DOM元素。它完全由浏览器绘制，您注意到它可能会因浏览器而异。

但是使用select的变化事件：“#locationselection”。并且可以使用以下语法填充数据：

$("#locationselection").change(function() {
    $.ajax({
        type: "POST",
        url: "includes/ajaxlocationsearch.php",
        data: {
            location: $(this).val(),
            language: "<?php echo $language; ?>"
        },
        cache: true,
        success: function (data) {
            $("#hotelselection").html(data);
        }
    });
});

Answer 2

您可以尝试使用JQuery Delegate。 Link to JQuery documentation

我的网站上存在动态加载内容的问题以及委托对我来说是完美的。

$("id of class of outer element").delegate( "id/class/element of content that is to be clicked", "click", function() {
      //do your stuff
);

jQuery click对chrome不起作用

2 个答案: