Question

我在我的app中使用spring Framework，java和jsp。我正在使用Fancy box在我的应用程序中弹出一个。在需要的地方我用类来称呼它。它适用于Mozilla Firefox，但在谷歌浏览器中，多个弹出窗体加载如滚动幻灯片。可以做些什么来避免多种形式？

         $(".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个图标，即反馈，登录和＆amp;在我的应用程序的菜单栏上注册，我使用以下语法调用

<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浏览器来说它的工作方式非常好......但是当我在chrome..ex上使用相同的内容时：如果我先调用登录＆amp;滚动表单，另外两个同时调用＆amp;成为3种形式的幻灯片。如何防止这种情况？

Answer 1

当元素共享相同的rel属性时，它们会绑定到fancybox库。除非您具有rel="tooltip"的特定用途，否则您可以尝试删除它。

Google Chrome中的Fancy Box

1 个答案: