5
私はmagnific popupにいくつかのフォームが含まれているようにしようとしています。私は最終的なポップアップにhtmlアンカーを介して変数を渡したいと思います。この擬似コードでVAR1として :各リンクは、異なる形式のデータを生成するように、私はサーバー側(W PHP)ランチャーを生成するためmagnific-popupが変数を渡す
<!-- HTML launcher element -->
<a href="#test-popup?Var1=X" class="open-popup-link">Show inline popup</a>
<!-- Popup itself -->
<div id="test-popup">
<form method="post" action="">
<input type="hidden" id="myVar" name="Var1" value="[placeholder]" />
<input type="submit" />
</form>
</div>
<!-- Inizialization -->
<script type="text/javascript">
$(document).ready(function() {
$('.open_popup_link').magnificPopup({
type:'inline',
midClick: true,
function() {
**Here some magic code that sets Var1 = X **
$('#myVar').attr('value', function(i, attr){
return attr.replace('[placeholder]', Var1);
});}
});
});
</script>
は、私はこれを必要とします。
編集:私が考えた一つのアプローチは、カスタム例えば、ランチャーで属性を使用することでした:
<a href="#test-popup" data-var1="X" class="open-popup-link">Show inline popup</a>
しかし、私は本当にmagnific-ポップアップINSIDE属性の処理を入れ子にするために、右jQueryの構文を取得できませんでした初期化 私のjs/jqueryの知識は非常に基本的なので、何かヒントありがとうございます。