Question

我正在研究Jquery模态形式的例子：

是否可以从文件A打开模态窗口并在模态窗口中显示现有文件？

提前感谢

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

Answer 2

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

Answer 3

是不是有办法定位已在可点击链接或按钮中定义的文件名...而不必在脚本本身中定义它？例如... 当链接有类似的内容时：

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

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

我可以从文件A打开模态窗口并在模态窗口上显示文件B吗？

3 个答案: