0

我正在研究 Jquery modal-form 示例:

http://jqueryui.com/dialog/#modal-form

是否可以从文件 A 打开模式窗口并在模式窗口上显示现有文件 B ?

提前致谢

4

3 回答 3

1

你可以这样做:

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;
    });
});
于 2013-08-29T15:02:47.717 回答
1

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');
});
于 2013-08-29T16:05:35.723 回答
1

有没有办法定位已在可点击链接或按钮中定义的文件名.. 而不是必须在脚本本身中定义它?例如...当链接具有以下内容时:

 <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;
      });
  });

我不知道可以使用哪个属性,但这会使脚本打开以在需要加载模式框的每个链接或按钮中使用

于 2018-01-18T10:31:24.437 回答