Question

我的一个页面上有一个jquery设计的模型框，我想知道是否有可能让这个模态显示一个完整的动态php页面？

Answer 1

您可以使用load()功能，该功能非常易于使用，并且有详细记录：http://api.jquery.com/load/。它会在所选元素中加载一个页面，例如你的模态主体，只需调用一个网址。

Answer 2

将iframe用于模态框

iframe src将包含您的动态页面。

Answer 3

包括bootstrap.css和bootstrap.js

例如：

<a data-toggle="modal" href="your_url content to show" data-target="#myModal">Click</a>

<div id="#myModal"></div>

参考 - http://getbootstrap.com/javascript/#modals

Answer 4

像这样使用jQuery load()，

jQuery部分

<!-- Load jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<!-- A button on the page -->
<body>
    <button>Fetch Page</button>
</body>

<!--
1. Attach click event to 'button' with jQuery on()
2. Create a modal box dynamically with append()
3. Load 'the_dynamic_page.php' with jQuery load()
-->
<script>
$('body').on('click','button',function(){
    $('body').append("<div id='modal_box' style='border:1px solid #999;position:fixed;top:50%;left:45%;padding:0 0.75%;font-family:Calibri,Candara,Arial;'></div>");
    $('#modal_box').load('the_dynamic_page.php');
});
</script>

<强> the_dynamic_page.php

此页面可以只显示“Im in a Modal Box！”等文字。或来自db的东西。

如何制作一个模态框来显示完整的php页面？

4 个答案: