无法获取jQuery的对话框弹出

Question

我试图让jQuery的对话框中按下“给予好评”链接这里经过，弹出了：http://www.problemio.com

（我是从这个例子正常工作，然后修改它因为它没有为我工作：http://blog.nemikor.com/2009/04/08/basic-usage-of-the-jquery-ui-dialog/）

这里是jQuery代码我至今不工作:)

<script type="text/javascript"> 
$(document).ready(function() 
{ 
    var $dialog = $('.dialog') 
      .dialog({ 
       autoOpen: false, 
       title: 'Basic Dialog' 
      }); 

    $('.vote_up').click(function() 
    {   
     problem_id = $(this).attr("data-problem_id"); 

     var dataString = 'problem_id='+ problem_id + '&vote=+'; 

     $.ajax({ 
       type: "POST", 
       url: "/problems/vote.php", 
       dataType: "json", 
       data: dataString, 
       success: function(data) 
       {   
        // ? :) 
        alert (data); 
       }, 
       error : function(data) 
       { 
        //alert("ajax error, json: " + data.responseText); 
        errorMessage = data.responseText; 

        if (errorMessage == "not_logged_in") 
        { 
         alert ("errr"); 

         // Try to create the popup that asks user to log in. 
         //$(this).dialog(); 
         //$(".dialog").dialog(); 
         $dialog.dialog('open'); 
         // prevent the default action, e.g., following a link 
         return false; 
        } 
        else 
        { 
         alert ("not"); 
        } 

        //alert(JSON.stringify(data)); 
       } 
      }); 


     //Return false to prevent page navigation 
     return false; 
    }); 

    $('.vote_down').click(function() 
    { 
     alert("down"); 

     problem_id = $(this).attr("data-problem_id"); 

     var dataString = 'problem_id='+ problem_id + '&vote=-';   

     //Return false to prevent page navigation 
     return false; 
    });  
}); 
</script> 

上面这段代码，我还有一个jQuery的功能也有一个documentOnready检查。这很重要吗？我应该使对话框代码全球？如果是这样，我该怎么做？

在任何情况下，我怎样才能使用我现在的设置打开对话框？

谢谢！

改变了我的jQuery进口到这一点：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.16/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" /> 

Answer 1

更改此设置（在中你$(document).ready()顶部）：

var $dialog = $('.dialog') 
      .dialog({ 
       autoOpen: false, 
       title: 'Basic Dialog' 
      }); 

到

var $dialog = $('.dialog'); 
    $dialog.dialog({ 
       autoOpen: false, 
       title: 'Basic Dialog' 
      }); 

而且它是好的，有多个$(document).ready()，他们都应该在DOM加载

运行

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新问题

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相关问题

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.