UI 대화 상자가있는 JQuery Ajax

Question

기본적으로 주된 멋진 템플릿, 주문한 멋진 포함, js 및 PHP 파일이 있습니다. 기본적으로 누군가가 버튼을 순서대로 클릭하면 Ajax 팝업을 만들려고합니다. 어려움을 겪고있는 Im, 페이지 만 다시로드되며, 내가 뭘 잘못하고 있는지 전혀 알지 못합니다. 메인 페이지에는 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에서의 사업부 아이디 = "대화"를 선택한 후 내부 PHP 코드를 잔뜩 가지고있다이다. 나 또한 모든 PHP 코드를 꺼내고 모든 페이지를 다시로드하는 간단한 텍스트를 넣으려고했습니다. Im 무엇을 여기에서해야하는지 정말로 모르는 사람이 도와 줄 수 있습니까? 덕분에

Answer 1

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

    //note the e in the function(e) 

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

양자 택일로, 당신은 어떤 이유로 URL을 못해 작업을 위해, 나는 여전히 동작하지 않습니다 말

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

    return false;