代码之家  ›  专栏  ›  技术社区  ›  Dave Kiss

jQuery UI-手风琴显示问题

  •  0
  • Dave Kiss  · 技术社区  · 16 年前

    http://jsfiddle.net/frEWQ/4/

    1. JS没有将.ui的角全部应用到H3,在它下面的“kwick”div完成折叠后,在动画之后给出了一个奇怪的截止边界

    有什么建议吗?

    谢谢

            // find elements to show and hide
        var toShow = clicked.next(),
            toHide = this.active.next(),
            data = {
                options: o,
                newHeader: clickedIsActive && o.collapsible ? $([]) : clicked,
                oldHeader: this.active,
                newContent: clickedIsActive && o.collapsible ? $([]) : toShow,
                oldContent: toHide
            },
            down = this.headers.index( this.active[0] ) > this.headers.index( clicked[0] );
    
        this.active = clickedIsActive ? $([]) : clicked;
        this._toggle(toShow, toHide, data, clickedIsActive, down);
    
        // switch classes
        this.active.removeClass("ui-state-active ui-corner-top").addClass("ui-state-default ui-corner-all")
            .find(".ui-icon").removeClass(o.icons.headerSelected).addClass(o.icons.header);
        if (!clickedIsActive) {
            clicked.removeClass("ui-state-default ui-corner-all").addClass("ui-state-active ui-corner-top")
                .find(".ui-icon").removeClass(o.icons.header).addClass(o.icons.headerSelected);
            clicked.next().addClass('ui-accordion-content-active');
        }
    
        return;
    
    1 回复  |  直到 16 年前
        1
  •  1
  •   derrickp    16 年前

    更新时间: 您可以修改源代码,但这通常不是一个好主意。

    因为它期望特定的格式,您可能需要对CSS做一些复杂的操作来避免这种闪烁。

    • 让内容使用以下样式: padding-top:20px; position:relative; top:-20px; h3 底角。如果那没用的话 padding-top:20px; margin-top:-20px;

    在我看来这很管用。我会在你的jfiddle帖子上尝试一下,但是你没有把css源代码放到css框架中。