2014-01-23 172 views
1

這裏是一個使用jQueryjQuery中的對話框不工作?

$(document).ready(function(){ 
     function showDialog() { 
     $("#Close").dialog({ 
      resizable: true, 
      height: 140, 
      modal: true, 
      position: 'center', 
      buttons: { 
       'Yes': function() { 
        $(this).dialog("close"); 
        return true; 
       }, 
       'No': function() { 
        $(this).dialog("close"); 
        return false; 
       } 
      } 
     }); 
    }; 

    $('#Open').click(function(){ 
    alert('Hellp'); 
    // showDialog(); 
    }); 
}); 

但是否不工作我的對話框的代碼?這裏是我的jsfiddle - http://jsfiddle.net/zjRga/349/

+0

我建議命名您的div比打開和關閉其他的東西 - 它真的很困惑我,因爲我認爲他們是按鈕。在這裏發佈你的html也會有幫助。 – Liath

回答

4

在你的代碼實際上從未調用對話框。注意這個:

alert('Hellp'); 
// showDialog(); 

你展示你的調用函數showDialog,而不是標準alert。當我換出那些行視爲註釋in your jsFiddle,似乎工作:

//alert('Hellp'); 
showDialog(); 
+0

你的建議後,它在jsfiddle,但不是在我的網站 –

+0

@SanjayRathod:然後顯然你的網站上有其他東西是錯誤的,你沒有分享足夠的信息給任何人在這裏來確定什麼。當您取消註釋要執行的部分時,問題中的代碼正常工作。你可以在你的網站在問題或jsFiddle中重現錯誤嗎? – David

+0

它顯示此錯誤 - TypeError:$(...)。對話框不是函數 \t '否':function(){ –

0

我明白,你可能需要檢查的標記。他們非常接近。因此,我想建議您檢查打開和關閉標籤。同時我檢查了你的代碼jsfiddle並做了必要的調整。

您可以檢查此在這裏[http://jsfiddle.net/zjRga/353/]