Question

我有一个toggle函数，定义为在单击某个项目时显示/隐藏div。在fancybox中调用此函数。第一次将花式称为负载时，每件事都是正常的，当我关闭幻想时重新打开它，然后点击该项目，应该显示的项目正在闪烁（显示和隐藏）..

我试过这些代码：

jQuery(document).on("click", ".add", function(){
    var selector = $(this).attr('data-descriptor');
    var $t = $('#field_'+selector);

    if ($t.is(':visible')) {
        $t.slideUp();
    } else {
        $t.slideDown();
    }
});

和此：

jQuery(document).on("click", ".add", function(){
    var selector = $(this).attr('data-descriptor');
    $('#field_'+selector).slideToggle('slow');
});

我无法理解这是什么问题！？

特别感谢能给我一些帮助的人：）

======= 编辑：

花哨的初始化：

    $('.fancybox').fancybox({
        /*maxWidth  : 1000,
        maxHeight   : 600,*/
        fitToView   : false,
        width   : '80%',
        height  : '60%',
        autoSize    : true,
        openEffect  : 'fadeIn',
        closeEffect : 'fadeOut',
        scrolling   : 'no',
        helpers:  {
            title  :  {
                type : 'inside'
            },
            thumbs : {
                width: 50,
                height: 50
            },
            overlay : {
            css : { 
                'overflow' : 'hidden' ,
                'background' : 'rgba(255,255,255,0.5)'
            }
            }
        }
    });

html代码

＆＃13;

<li id="coreValues_wrapper">
<span data-id="4" data-descriptor="coreValues" id="label_coreValues" class="add coreValues">
core values
</span>
<div style="display:none;" data-id="4" data-descriptor="coreValues" id="field_coreValues" class="coreValues">
<textarea id="value_coreValues" required="required" maxlength="300" class="input-block-level data"></textarea>
</div>
</li>

＆＃13;

jquery切换在fancybox中无法正常工作

0 个答案: