JQuery - 幻灯片 - 为什么outerWidth()返回0?

时间:2011-08-02 13:11:55

标签: jquery asp.net

问题解决了,看看问题的结尾

我正在编写一个带有列表视图的简单幻灯片。它看起来像是:

<div id="slides" class="slides">
        <div class="slides_container">
            <asp:ListView runat="server" ID="questionnaireList" >
                <LayoutTemplate>
                    <div id="itemPlaceholder" runat="server" >
                    </div>
                </LayoutTemplate>
                <ItemTemplate>
                    <div class="questionContent">
                        <h1>
                            <%# Eval("Content") %>
                        </h1>

                        <div class="qDiv">
                        </div>
                        <div class="qDiv">
                        </div>
                        <div class="qDiv">
                        </div>
                    </div>
                </ItemTemplate>
            </asp:ListView>
        </div>
    </div>

问题是幻灯片插件在控件容器中滑动以确保幻灯片是块级别的:

 $('.' + option.container, $(this)).children().wrapAll('<div class="slides_control"/>');

        var elem = $(this),
            control = $('.slides_control', elem),
            total = control.children().size(),
            width = control.children().outerWidth(),
            height = control.children().outerHeight(),
            start = option.start - 1,
            effect = option.effect.indexOf(',') < 0 ? option.effect : option.effect.replace(' ', '').split(',')[0],
            paginationEffect = option.effect.indexOf(',') < 0 ? effect : option.effect.replace(' ', '').split(',')[1],
            next = 0, prev = 0, number = 0, current = 0, loaded = true, active, clicked, position, direction, imageParent, pauseTimeout, playInterval;

但是这个“slides_control”的宽度总是0,因为outerWidth()返回这个结果..问题是:为什么?! 我已经看到,当父母被隐藏时,它返回0但我的不是..

编辑:确定..发现问题...有一个父母有异议:没有其他人在我的项目上工作..对不起这个... 谢谢!

1 个答案:

答案 0 :(得分:0)

这对我有用

var divw = $("#tab1-thumbsdiv").width(true);
$("#tab1-topbar1").outerWidth(divw);

divw在分配时获取tab1-thumbsdiv的对象 outerWidth然后可能是该对象的方法