0

アプリケーションでポップアップにファンシーボックスを使用しています。必要に応じて、クラスを使用して呼び出します。Mozilla Firefox では問題なく動作しますが、Google Chrome では複数のポップアップ フォームがスクロール時のスライド ショーのように読み込まれます。複数のフォームを避けるために何ができるでしょうか? 

         $(".feedbackPopup").fancybox({
                'width'             : '38%',
                'height'            : '65%',
                'min-height'        : 180,
                'autoScale'     : false,
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'hideOnOverlayClick' : false,
                'type'          : 'iframe'
            });

         $(".registerPopup").fancybox({
                'width'         : '40%',
                'height'        : '70%',
                'min-height'        : 180,
                'autoScale'     : false,
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'hideOnOverlayClick' : false,
                'type'              : 'iframe'
            });
        });
</script>

アプリのメニューバーにフィードバック、ログイン、登録という3つのアイコンがあります。次の構文を使用して呼び出します

<div class="feedback">
 <a rel="tooltip" title="Feedback"  href="doFwdController.html"  class="txtdark_link feedbackPopup"><img src="images/feedback-icon.png" border="0" /></a>
</div>
<div class="login">
 <a  class="txtdark_link loginPopup" rel="tooltip" title="Login"  href="doLogin.html" ><img src="images/login-icon.png" border="0"  /></a>
</div>

同様に、登録のために..Firefoxブラウザではまったく問題なく動作します...しかし、クロムで同じものを使用すると..例：最初にログインを呼び出してフォームをスクロールすると、他の2つが同時に呼び出され、3のスライドショーになりますフォーム..これを防ぐ方法は?

4

1 に答える 1

1

rel要素が同じ属性を共有する場合、要素はfancyboxギャラリーにバインドされます。の特定の用途がない限りrel="tooltip"、削除してみてください。

于 2012-06-11T16:34:25.370 に答える