弹出窗口打开时，将内容加载到弹出框中

Question

我正在使用此脚本在我的网站中设置一个带有一些设置的弹出框：

http://codeissue.com/articles/a04daf3210c8b0a/cross-browser-modal-popup-using-javascript-jquery

单击按钮/文本时弹出窗口：

<a href="#" onclick="ShowModalPopup('name_of_div_in_popup_box'); return false;">Text</a>

我想知道是否可以将内容（#name_of_div_in_popup_box）从外部页面（在同一网站中）加载到弹出框中，而不是在所有页面中隐藏div，而不是这个弹出框。问题是弹出窗口在很多页面中，因此在当前情况下，我必须在每个具有弹出窗口的页面中粘贴#name_of_div_in_popup_box，并且在该div中进行编辑时，我必须在所有页面中进行编辑。 / p>

更容易从外部页面示例content.html #name_of_div_in_popup_box将内容加载到弹出框中，因此在对div进行更改时，我只需要在该站点进行更改。

这可能吗？

感谢。

Answer 1

Javascript无法访问服务器上的其他文件（除非使用AJAX），因为它是客户端。但是，如果您使用php或shtml include，则应允许您从需要它的网页访问该文件，而无需添加完整代码。

Answer 2

使用jQuery .load()

$('#name_of_div_in_popup_box').load('load_from_this_page.html');

  

附加说明：

     

由于浏览器安全限制，大多数“Ajax”请求都是主题   同源政策;请求无法成功检索   来自不同域，子域或协议的数据。