[英]setting up a modal dialog in javascript
我正在使用javascript
创建表单,这实际上是一个模式对话框。 尝试设置id
标签时,我遇到了麻烦。 这就是我在js中创建行的方式
tmpString += "<div id=\"dialog-modal\" class=\"widget-dialog-container\" title=\"Complete Your Order\">";
...
...
var handle = document.getElementById('content');
handle.innerHTML = tmpString;
现在我正在尝试以这种方式访问它
$(document).dialog( {
height: 800,
width: 800,
modal: true,
autoOpen: false
});
我确实知道我必须有$(document)
因为该对话框是用代码创建的。 但我不知道如何为它提供#dialog-modal
以便我可以访问它。 任何帮助将不胜感激。 谢谢
您需要像这样调用弹出窗口
$("#dialog-modal").dialog( {
height: 800,
width: 800,
modal: true,
autoOpen: false
});
随时使用
$("#dialog-modal").dialog("open");
打开它。
动态HTML弹出式附加
$(document).ready(function () {
var tmpString = "<div id=\"dialog-modal\" class=\"widget-dialog-container\" title=\"Complete Your Order\">";
var handle = document.getElementById('content');
handle.innerHTML = tmpString;
$("#dialog-modal").dialog({
height: 800,
width: 800,
modal: true,
autoOpen: false
});
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.