在元素本身中设置jQuery UI属性

时间:2013-04-05 22:36:48

标签: jquery jquery-ui

嗯,我的问题可能是微不足道的,但是:

设置手风琴以适合其内容docs say this

$( ".selector" ).accordion({ heightStyle: "content" });

我可以在元素本身中执行此操作吗?这就是我想做的事情:

<div id="accordion" style="heightStyle: 'content';" >

1 个答案:

答案 0 :(得分:3)

没有。这不是样式元素,它是一个jQuery参数。该参数允许jQuery accordian库以某种方式运行。

这只是一些只是简单地改变值的代码:

if (heightStyle === "fill") {
    maxHeight = parent.height();
    this.element.siblings(":visible").each(function () {
        var elem = $(this),
            position = elem.css("position");

        if (position === "absolute" || position === "fixed") {
            return;
        }
        maxHeight -= elem.outerHeight(true);
    });

    this.headers.each(function () {
        maxHeight -= $(this).outerHeight(true);
    });

    this.headers.next()
        .each(function () {
        $(this).height(Math.max(0, maxHeight -
            $(this).innerHeight() + $(this).height()));
    })
        .css("overflow", "auto");
} else if (heightStyle === "auto") {
    maxHeight = 0;
    this.headers.next()
        .each(function () {
        maxHeight = Math.max(maxHeight, $(this).css("height", "").height());
    })
        .height(maxHeight);
}