0

クリックすると小さな画像クラスがあり、メグネフィックポップアップが開きます。私の壮大なポップアップには、クリックされた画像の大きな画像と、ボタンをクリックすると other-form-opener クラスのボタンが 1 つあります。デフォルトでは動作しません。

 <div class="megnific_opener"><img class="small-image" ></div>


 <div class="megnific_popup_div">
    <img class="big-image">
    <a href="javascript:;" class="other-form-opener">more-info</a>
 </div>

 <div class="other-form-div">
     <form>
         <input type="text">
         <input type="text">
         <input type="text">
     </form>
 </div>

私は自分のhtmlの構造を示しており、z-indexの問題がないことをすでに確認しています。だから私を助けてくださいありがとう。

ここにjsfiddleの私のデモがあります: http://jsfiddle.net/QHh7W/

4

2 に答える 2

1

Magnific ポップアップ コールバックを使用し、開いたときにカスタム html を Magnific ポップアップ内に移動し、閉じたときに本文内に移動してください。以下の動作デモを確認できます。

jsFiddle demo

于 2013-10-24T11:37:17.430 に答える
1

同じウィンドウで両方のポップアップを上下に開いているように、これを機能させることはできませんが。

しかし、あなたがこのようにそれを必要とする場合: 1 つからクリックした後、2 番目に開きます。

http://jsfiddle.net/yDvvQ/5/

I have added different instance of megnific for both divs.

ポップアップ、コンテンツ、フォームの両方で機能しています。

後でポップアップを追加するか、2 番目から 1 番目に戻るように修正できます。

一度見直してコメントしてください。

よろしく

于 2013-10-24T10:29:26.600 に答える