javascript - 不触发回调的条件语句

Question

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

我有什么问题？句法？？

谢谢

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>

Answer 1

按顺序调用它们而不是使用回调：

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);
}