带有UI对话框的JQuery Ajax

Question

我基本上有一个主要的smarty模板，一个smarty订单，一个js和一个php文件。 基本上，我试图在有人按包含顺序单击按钮时创建一个弹出式ajax。 我有困难，该页面仅重新加载，我不知道我在做什么错。 因此，主页包含jquery，jquery ui和所包含的js弹出文件脚本。 js文件中的代码是

$(document).ready(function() {
$('.ajax-open').click(function(){
    $.ajax({
            type: "POST",
            url: "/scripts/pop-order.php",
            data: string,
            success: function(data) {
                 $( "#dialog" ).dialog({    
                    width:400,
                    resizable: false,
                    autoOpen: true 
                    });     
                 }
         });
});
});

我的订单模板中有此<button class="ajax-open" >open this shizznizzle</button>

我的php中有一个Div id =“ dialog”，然后是一堆php代码。 我还尝试取出所有php代码，然后将简单的文本放入所有页面中，然后重新加载。 我不确定在这里做什么，有人可以帮忙吗？ 谢谢

Answer 1

$('.ajax-open').click(function(e){

    //note the e in the function(e)

    e.preventDefault(); //don't go to default URL

或者，您可以在最后返回false

$('.ajax-open').click(function(e){

    return false;