0

我在我的应用程序中使用 spring 框架、java 和 jsp。我在我的应用程序中使用 Fancy 框弹出。在需要的地方，我使用一个类来调用它。它适用于 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浏览器非常有效......但是当我在chrome上使用相同的..ex：如果我首先调用登录并滚动表单，其他两个同时被调用并变成3的幻灯片形式..如何防止这种情况？

4

1 回答 1

1

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

于 2012-06-11T16:34:25.370 回答