2013-07-28 60 views
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の知識は非常に基本的なので、何かヒントありがとうございます。

答えて