在我的网页上有一个 jQuery UI 对话框。当我单击按钮(创建新用户)时,它会打开一个新窗口。我的问题是如何使用 AJAX 请求打开该窗口?
从另一个页面打开对话框表单会很好。例如:dialog.html
<div id="dialog-form" title="Create new user">
<p class="validateTips">All form fields are required.</p>
<form>
<fieldset>
<label for="name">Name</label>
<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
<label for="email">Email</label>
<input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
<label for="password">Password</label>
<input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
</fieldset>
</form>
</div>
您可以在此处查看完整代码fiddle http://jsfiddle.net/jXpNT:
您可以这样定义您的对话框:
function showUrlInDialog(url){
$.ajax({
url: 'dialog.html',
success: function(data) {
$("#dialog-form").load(data).dialog({modal:true}).dialog('open');
}
});
}
并将dialog-form div 内的当前标记定义到名为dialog.html 的新页面中。在按钮单击事件上调用上面编写的函数。我希望这就是您所需要的。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)