Question

我点击了功能＆amp; ajax请求。脚本问题，只要我在函数中添加ajax脚本，点击停止工作。触发器不再起作用。以下是代码：

$(document).on("click", "#showall", function(e){
    $(this).removeClass('non-active-button');
    $(this).addClass('active-button');
    $('#past10').removeClass('active-button');
    $('#past10').addClass('non-active-button');
    var data= <?php echo $all; ?>;
/* As soon as I add following code, triggers stop working */    
    $.ajax{(
        type: "POST",
        data: "data="+data,
        url: "ajax_showallorders.php",
        success: function(option)
        {
            $(".single-column").empty();
            $(".single-column").html(option);
        }
    )};
    e.preventDefault();
});

没有$.ajax{(...)}它可以正常工作，它会删除类和完美地增加了课程。知道为什么会这样吗？有人可以帮忙吗？我正在使用jQuery 1.11。

修改

我已尝试使用live，$('#showall').click(function(e){...})

Answer 1

你弄乱了花括号，它应该是({})而不是{()}

$.ajax({
        type: "POST",
        data: "data="+data,
        url: "ajax_showallorders.php",
        success: function(option)
        {
            $(".single-column").empty();
            $(".single-column").html(option);
        }
    });

在这种情况下，浏览器控制台非常方便。他们通常会告诉你是否存在语法错误。

添加ajax请求会停止单击功能

1 个答案: