jQuery Dialog nie działa dla mnie ..? - javascript, jquery, html

Próbuję użyć okien dialogowych jQuery, ale wygląda na to, że się nie ładują :(

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/

Inny przykład:

http://jsfiddle.net/khSxK/

W czym jest problem?

Odpowiedzi:

Przede wszystkim musisz uwzględnić jQuery UI aby dialog działał. W JSfiddle musisz dołączyć swój functions w head. Ale jeszcze lepiej użyj jQuery click().

Pracujące skrzypce

Twoja wersja jQuery jest za niska i musisz dodać interfejs użytkownika jQuery, aby dialog działał, i sugerowałbym, aby nie używać wbudowanych skryptów. Użyj on () w ten sposób.

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

Demo tutaj

1. potrzebujesz interfejsu użytkownika jQuery wraz z aktualną starszą wersją jQuery
2. lepiej użyj .click(...) z jQuery: http://jsfiddle.net/techunter/Kat7G/

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