顯示一個對話框，當我點擊一個按鈕

我將ty顯示一個對話框，當我在我的JS部分上的一個按鈕顯示一個對話框，當我點擊一個按鈕

點擊我已經

$('#dialog').dialog({ 
     autoOpen: false 
    }); 

    $('#create-report').click(function() { 
     $('#dialog').dialog('open'); 
    });

在我的HTML部分我有

<div id="dialog" title="Basic dialog" style="visibility:hidden;"> 
    <p>hi how are you</p> 
</div> 

<button id="create-report" >Create new report</button>

什麼都沒有顯示，我沒有任何錯誤

爲什麼？

來源

2013-10-18 robert trudel

嘗試使用display:none而不是visibility:hidden來初始隱藏對話框。

<div id="dialog" title="Basic dialog" style="display:none;"> 
    <p>hi how are you</p> 
</div>

還要確保jQuery和jQuery UI正在正確加載。這個小提琴的作品：http://jsfiddle.net/E3Pek/

來源

2013-10-18 21:55:37

不工作，但也許是因爲我的jsp頁面是一個iframe？如果我把代碼放在另一個頁面，那麼工作.. –

@roberttrudel加載在iframe中的標記是否包含jQuery和jQuery UI？我不認爲它可以訪問父頁面中的這些資源。 –

你不需要把風格放在你的div上。

應該是這樣的：

<div id="dialog" title="Basic dialog"> 
    <p>hi how are you</p> 
</div>

請記住，你必須加載jQuery的腳本命令。首先加載jQuery庫，然後加載jquery-ui。

來源

2013-10-18 23:00:00 nudrick

顯示一個對話框，當我點擊一個按鈕

回答

相關問題