jQuery Dialog non funziona per me ..? - javascript, jquery, html

Cercando di usare le finestre di dialogo di jQuery, ma non sembrano caricare :(

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/

Un altro esempio:

http://jsfiddle.net/khSxK/

Qual è il problema qui?

risposte:

Prima di tutto devi includere jQuery UI perché il dialogo funzioni. In JSfiddle devi includere il tuo functions in head. Ma meglio ancora usare jQuery "s click().

Violino funzionante

La tua versione di jQuery è troppo bassa e devi aggiungere l'interfaccia utente di jQuery affinché la finestra di dialogo funzioni, e ti suggerisco di non utilizzare lo scripting inline. Usa on () come questo.

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

Demo qui

1. hai bisogno dell'interfaccia utente di jQuery insieme al jQuery legacy aggiornato
2. meglio usare il .click(...) da jQuery: http://jsfiddle.net/techunter/Kat7G/

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