Question

不知道我在这里做错了什么。只是想把它变成一个模式对话框( 淡出页面内容 ) 。我认为它和 < code> modal: true 一样简单。当我单击图像时会出现一个对话框, 但不会淡出页面内容。

<img src="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>

Answer 1

语法是错误的。

您应该首先设定 :

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

友情链接