在地址行加载带有帮助链接的模式弹出窗口

Load modal popup with help links in address line

本文关键字:模式 窗口 链接 有帮助 地址 加载      更新时间:2023-09-26

我正在尝试加载带有地址行中帮助链接的模式弹出窗口。什么也没发生。请帮帮我)

地址栏中的链接:http://site.ru/?data-toggle=modal&data-target=#mobes

<!-- link-->
<a href="#" data-toggle="modal" data-target="#mobes">link</a>
<!-- modal popup-->
<div class="modal fade" id="mobes" tabindex="2" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h2>Mobes</h2>
</div>
<div class="modal-body">
<center>
...My text..
</center>
</div>
</div>
</div>
</div>

因为我看到这是一个外部URL,所以不会加载这个URL。您将在控制台中看到跨原点访问错误。备选方案:您可以使用iframe。为您创建Fiddle。例如:

$(".modal-body").html('<iframe width="100%" height="100%" frameborder="0" scrolling="no" allowtransparency="true" src="'+url+'"></iframe>');