私は@rsurjanoに同意しbPopUp()
ます。これは賢いAPIであり、非常に役立ちます。loadData
プラグイン検査を介して機能を使用する方法を発見するまで、私は同じ苦境を経験しました.
お気づきかもしれませんがbPopUp()
、オプションの引数を受け取ることができます。完全なリファレンスについては、次を参照してください。
http://dinbror.dk/blog/bPopup/
loadData は他の 3 つの引数、つまり
- コンテンツ//デフォルトは ajax - データのロード方法、iframe と img も取得
- contentContainer // 宛先コンテナーの名前 - データがロードされる場所
- loadUrl // データ ソースへのパス - フィードバック付きの php スクリプトまたは別の html ページの可能性があります
これが私がしたことです...
HTML
...html body タグ内
<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 などの外部ソース ファイルへの参照が有効であることを確認してください。パスが正しくない場合、コードは明らかに機能しません。