okno modalne jquery nie działa z modalem: true - jquery

Nie jestem pewien, co tu źle robię. Próbuję uczynić z niego modalne okno dialogowe (ściemnianie zawartości strony). Myślałem, że to tak proste, jak modal:true. Po kliknięciu obrazu pojawia się okno dialogowe, które nie ściemnia zawartości strony.

<img src="/images/images/help-35-30.png" alt="Help" class="helpdetails" style="padding-left:30px;"/>
<div class="dialogplease"><p>A comment</p></div>

<link rel="stylesheet" type="text/css" href="mycss/css/jquery-ui-1.8.20.custom.css" />
<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.20/jquery-ui.js"></script>
<script>
$(function() {

$(".dialogplease").dialog(); //init dialog
$(".dialogplease").dialog("close"); //don"t show dialog yet
$(".helpdetails").click(function(e) {
$(".dialogplease").dialog("open")({
modal: true
});
});
});
</script>

Odpowiedzi:

Składnia jest nieprawidłowa.

Powinieneś ustawić to początkowo:

$(function() {
$(".dialogplease").dialog({modal:true,autoOpen:false}); //init dialog
$(".helpdetails").click(function(e) {
$(".dialogplease").dialog("open");
});
});