Question

我希望我的Web应用程序上的用户有一个表单字段作为jquery弹出窗口。我有以下代码：

$(".form").dialog({
    modal: true;    
})

我没有得到理想的结果;文档的其余部分（网页）隐藏或者由表单停用。我想让用户的焦点在表单上，直到用户点击对话框上的按钮。

我还想将表单放在页面的中心。我将非常感谢您解决问题的任何帮助。

Answer 1

删除“;”从你的表达。

这可能是正确的：

$(function() {
    $(".form" ).dialog({
        modal: true
    });    
  });

您可以在此处查看此问题：http://jsfiddle.net/JN7pL/

P.S。对不起我的英文

Answer 2

一般情况下，此代码应该可以使用，我已在此处对其进行了测试：http://jsfiddle.net/6YKmh/

很少有事情要检查：

1）让你加载必要的jQuery库，所以在你的＆＃34; head＆＃34;你有类似的东西：

<script type='text/javascript' src='http//code.jquery.com/jquery-1.9.1.js'></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">

2）确保你的匹配$（＆＃34; .form＆＃34;）实际匹配你的html中的内容，即你有一个元素与class =＆＃34; form＆＃34;属性如下：

<form class="form">
  <fieldset>
    <label for="name">Name</label>
    <input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all">
  </fieldset>
</form>

3）确保你的js打电话

$(".form").dialog({
modal: true    
})

html中的

要么声明在与$（＆＃34; .form＆＃34;）匹配的元素下面，要么将它包装在$（document）.ready（function（）{..}）中：

$(document).ready(function(){
  $(".form").dialog({
    modal: true    
  })    
});

JQuery对话框的模态和位置属性

2 个答案: