jQuery對話框不適用於我..？

Question

嘗試使用jQuery的對話，但他們似乎並不加載:(

HTML：

<p><a href="javascript:void(null);" onclick="showDialog()">Open</a></p> 

<div id="dialog-modal" title="Basic modal dialog" style="display: none;"></div> 

的Javascript：

function showDialog() 
{ 
    alert('Alert not showing'); 
    $("#dialog-modal").dialog(
    { 
     width: 600, 
     height: 400, 
     open: function(event, ui) 
     { 
      var textarea = $('<textarea style="height: 276px;">'); 
      $(textarea).redactor({ 
       focus: true, 
       autoresize: false, 
       initCallback: function() 
       { 
        this.set('<p>Lorem...</p>'); 
       } 
      }); 
     } 
    }); 
} 

http://jsfiddle.net/GsFSc/

又如：

http://jsfiddle.net/khSxK/

這裏有什麼問題？

Answer 1

所有你必須包括jQuery UI第一讓對話工作。在JSfiddle中，您必須將functions包含在head中。但更好的是使用jQuery的click()。

Working fiddle

Answer 2

您的jQuery版本太低，您需要添加jQuery UI才能使用對話框，並且我建議不要使用內嵌腳本。像這樣在（）上使用。

$('a').on('click',function(){ 
showDialog(); 
}); 

Demo here

Answer 3

1. 你需要的jQuery UI連同最新的遺留jQuery的
2. 更好地運用.click(...)從jQuery的：http://jsfiddle.net/techunter/Kat7G/

Answer 4

<p><a href="javascript:showDialog();">Open</a></p>