Jquery fancybox 问题

Question

我在使用 jquery fancybox 时遇到问题。我正在 fancybox 中显示一个表单。使用 iframe。当我单击弹出窗口上的任何位置时，它就会关闭。如果单击文本框/文本区域，它将关闭。我希望它仅在单击关闭按钮或提交表单按钮时关闭。有什么帮助吗？

对于链接

<a href="{$this_path}productquestion-form.php?id_product={$smarty.get.id_product|intval}&content_only=1&TB_iframe=true&width=570&height=635&thickbox=true" class="thickbox">

选项，fancybox 设置为默认值。

$.fn.fancybox.defaults = {
        padding : 10,
        margin : 40,
        opacity : false,
        modal : false,
        cyclic : false,
        scrolling : 'auto', // 'auto', 'yes' or 'no'

        width : 560,
        height : 340,

        autoScale : true,
        autoDimensions : true,
        centerOnScroll : false,

        ajax : {},
        swf : { wmode: 'transparent' },

        hideOnOverlayClick : true,
        hideOnContentClick : false,

        overlayShow : true,
        overlayOpacity : 0.7,
        overlayColor : '#777',

        titleShow : true,
        titlePosition : 'float', // 'float', 'outside', 'inside' or 'over'
        titleFormat : null,
        titleFromAlt : false,

        transitionIn : 'fade', // 'elastic', 'fade' or 'none'
        transitionOut : 'fade', // 'elastic', 'fade' or 'none'

        speedIn : 300,
        speedOut : 300,

        changeSpeed : 300,
        changeFade : 'fast',

        easingIn : 'swing',
        easingOut : 'swing',

        showCloseButton  : true,
        showNavArrows : true,
        enableEscapeButton : true,
        enableKeyboardNav : true,

        onStart : function(){},
        onCancel : function(){},
        onComplete : function(){},
        onCleanup : function(){},
        onClosed : function(){},
        onError : function(){}
    };

Answer 1

hideOnOverlayClick  true    Toggle if clicking the overlay should close FancyBox
hideOnContentClick  false   Toggle if clicking the content should close FancyBox

阅读 api 应该可以帮助您完成所有不同的设置和选项，覆盖层是黑色背景 [半透明]

http://fancybox .net/api

因此，您还应该检查 iframe 内的花哨框选项是否不同，还应检查您单击的内容顶部是否有其他透明元素并且可能会表现得很愚蠢，如果可能的话，发布一个到您网站的链接，或者使用 jsfiddle 来仔细检查它是否是一个花哨的框错误，或者您做了其他什么导致了这种情况。