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

我已经在其中单击了函数和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();
});

$（文档）。在（“单击”上，“显示所有”，函数（e）{
$（this.removeClass（'non-active-button'）；
$（this.addClass（'active-button'）；
$（'#pass10'）.removeClass（'active-button'）；
$（'#pass10'）.addClass（'non-active-button'）；
var数据=；
/*只要我添加以下代码，触发器就会停止工作*/
$.ajax{(
类型：“POST”，
数据：“数据=”+数据，
url:“ajax\u showallorders.php”，
成功：功能（选项）
{
$（“.single column”）.empty（）；
$（“.single column”）.html（可选）；
}
)};
e、 预防默认值（）；
});

如果没有

$.ajax{（…）}

它工作得很好，删除类和添加类都非常好。知道为什么会这样吗？有人能帮忙吗？ 我正在使用jQuery1.11

编辑

---

我已经尝试过使用

live

，

$（'#showall'）。单击（函数（e）{…}）

你弄乱了花括号，它应该是

（{}）

，而不是

{（）}

---

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

应该有一些错误，只需查看控制台窗口中任何可能的错误即可。此

ajax{（

应该是

ajax（{

？）？

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