我同意@rsurjano,bPopUp()
这是一个聪明的 API,非常有帮助。loadData
我经历了同样的困境,直到我通过插件检查发现了如何使用该功能。
您可能已经注意到bPopUp()
,可以接受选项参数,完整参考请访问:
http://dinbror.dk/blog/bPopup/
loadData 与其他三个参数一起使用,即
- content //默认是 ajax - 如何加载数据,也需要 iframe 和 img
- contentContainer // 目标容器的名称 - 数据将被加载的地方
- loadUrl // 数据源的路径 - 可以是带有反馈的 php 脚本或另一个 html 页面
这是我所做的......
HTML
...在您的 html 正文标记中
<button id="showModal">click me</button>
<div id="my_modal" style="display:none">
</div>
JavaScript
$("#showModal").click(function(){
var post_data = {myname:"munyaradzi ranga"};
$('#my_modal').bPopup({
content: 'ajax',
contentContainer: '#my_modal',
loadData: post_data,
loadUrl: 'get-data.php'
});
});
PHP
<?php
$name = $_POST['myname'];
echo "<p>Hello $name<p>";
?>
请注意!!!
1.我没有通过PHP安全等正常的东西。2. 确保您对外部源文件(例如 bPopUp.js)的引用是有效的,如果您的路径不正确,代码显然将无法工作。