我正在研究 Jquery modal-form 示例:
http://jqueryui.com/dialog/#modal-form
是否可以从文件 A 打开模式窗口并在模式窗口上显示现有文件 B ?
提前致谢
我正在研究 Jquery modal-form 示例:
http://jqueryui.com/dialog/#modal-form
是否可以从文件 A 打开模式窗口并在模式窗口上显示现有文件 B ?
提前致谢
你可以这样做:
HTML:
<a href="#" id="showDialog">Show dialog</a>
<div id="dialog"></div>
jQuery:
$(function() {
$("#dialog").load("fileb.html").dialog({autoOpen: false});
$('#showDialog').click(function() {
$("#dialog").open();
return false;
});
});
如果 fileb.html 是一个完整的网页,您可能需要附加一个 iframe 来$("#dialog")
代替。此外,您可以在对话框的打开事件中执行附加或加载。
使用 open 事件的替代 jQuery:
$(function() {
$("#dialog").dialog({
autoOpen: false,
open: function() {
$(this).load("fileb.html");
}
});
$('#showDialog').click(function() {
$("#dialog").open();
return false;
});
});
HTML
<div id="dialog_form"></div>
jQuery
$('#create-user').click(function() {
$('#dialog_form').dialog(
{
open: function() {
$(this).load('form_new.html');
},
modal: true
}
);
$('#dialog-form').dialog('open');
});
有没有办法定位已在可点击链接或按钮中定义的文件名.. 而不是必须在脚本本身中定义它?例如...当链接具有以下内容时:
<a href="#" class="CLICKCLASS" name="filename">click me</a>
触发模态的代码:
$(function() {
$(".CLICKCLASS").load("INFO_FROM_NAME_ATTRIBUTE").dialog({autoOpen: false});
$('.CLICKCLASS').click(function() {
$("#dialog").open();
return false;
});
});
我不知道可以使用哪个属性,但这会使脚本打开以在需要加载模式框的每个链接或按钮中使用