-1

我在检查我刚刚创建的 div 是否.wrap()可见时遇到了一个奇怪的问题。我正在包装一些 div 并使用它们上的 ID 作为目标。我已经测试以确保点击实际上是在注册一个alert()，它是。

这是代码。

//Leftbar jQuery
$('ul.leftnav').wrap('<div id="leftnav-wrap" class="five columns alpha" />');
$('#leftnav-wrap').prepend('<div class="arrow" />');
$('#content').has('#leftnav-wrap').find('#page').wrap('<div class="eleven columns omega" />');

//Mobile Leftbar
$('h4.mobile.toggle').click(function(){
    if ($('#leftnav-wrap').is(':hidden')){
        $(this).addClass('active');
        $('#leftnav-wrap').addClass('active');
    }
    else{
        $(this).removeClass('active');
        $('#leftnav-wrap').removeClass('active');
    }
});

我编码的内容是否存在固有问题？它不会切换它应该切换的任何活动类，而且我有另一个运行良好的站点，只是它没有针对由.wrap().

JSfiddle 在这里：jsfiddle.net/ZD7hz。不切换任何课程

4

1 回答 1

0

所以，这就是问题所在。它找不到要添加类的隐藏 div，也找不到要从中删除类的可见 div。所以点击什么也没做。

我不得不用 CSS 抢先隐藏 leftnav，并为.active状态添加一个类，以便它再次显示它。然后，切换工作正常......

哎呀！

固定 jsFiddle 在这里：http: //jsfiddle.net/ZD7hz/1/

于 2013-09-24T17:14:16.063 回答