2013-08-29 31 views
0

我学习Jquery的模态形式例如:我可以从文件A打开模态窗口并在模态窗口上显示文件B吗?

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

是否有可能从文件中的打开一个模式窗口和模态窗口上显示现有的文件B?

感谢的提前

+0

您是否在讨论打开模式,然后从不同的文件加载该模式的内容?我相信你可以使用'open'事件来做一个'.load()'或'.ajax()'调用。 – DevlshOne

+0

是的,我需要来自不同文件的内容,就像在模式中使用iframe一样。 –

回答

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

我试图添加此代码在一个按钮调用中单击$(“#create-user”) .button() .click(function(){0>'#dialog-form')。 ({ \t \t \t开:函数(){$ (本).load( 'form_new.html');} , \t \t \t模式:真 \t \t}); });'的按钮现在不打开模式,可能是一些语法错误?对不起,我是Jquery的新手 –

+1

@ÂngeloRigo试试这个。 – DevlshOne

+0

我工作的唯一代码是: '$(“#create-user”) .button() .click(function(){(“#dialog-form”).dialog(“open” ); });' –

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")。另外,您可以在对话框的打开事件中执行追加或加载。

备用jQuery的是采用了开放式的事件:

$(function() { 
    $("#dialog").dialog({ 
     autoOpen: false, 
     open: function() { 
      $(this).load("fileb.html"); 
     } 
    }); 

    $('#showDialog').click(function() { 
     $("#dialog").open(); 
     return false; 
    }); 
}); 
+0

编辑我的答案以显示完整示例。 – zigdawgydawg

1

是不是有目标文件名的方式,已在cl中定义可怕的链接或按钮..而不是必须在脚本本身定义它? 例如... 当一个环节都有类似:

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

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