CallBack未触发的条件声明

时间:2012-03-22 22:13:52

标签: javascript callback conditional-statements zepto

我有一个具有链接功能的基本条件语句。在else方法之后,有一个不会触发的show()回调。

我有什么不对?语法??

日Thnx

var closeList = $('#west');

    $('#menuToggle').click(function(){
        var p = $('#west').css('display');
        if (p != "block") {
            $('#contentBox').width('70%', function() {
                $('#west').show(); // <--THIS DOESNT FIRE!!
            });
        } else {
            $('#west').hide();
            $('#contentBox').width('98%');
        }
    });

HTML

<!-- ------------------------- Main Content -------------------- -->
    <div id="wrapper" class="wrapperPosition">

        <div id="west">
        </div>

        <div id="contentBox">
            <div id="content" class="contentPosition"></div>
        </div>
    </div>

1 个答案:

答案 0 :(得分:2)

按顺序调用它们而不是回调:

if (p != "block") {
    $('#contentBox').width('70%');
    $('#west').show();
}

问题是.width()没有接受值和函数的选项,只有一个或另一个:

.width( value )
.width( function(index, width) )

因此,将它与值配对意味着该函数将被忽略。


详细说明我的评论:

if ($('#west').is(':hidden')) {
    $('#contentBox').width('70%');
    setTimeout(function () {
        $('#west').show();
    }, 10);
}