Jquery 使用.wrap（）创建目标div后出现问题

我在检查刚刚用

.wrap（）

创建的div是否可见时遇到了一个奇怪的问题。我正在包装一些div，并将其上的ID用作目标。我已经测试过，以确保点击实际上是注册到一个

警报（）

，并且它是

这是代码

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

//Leftbar jQuery
$（'ul.leftnav'）.wrap（''）；
$（“#leftnav wrap”）。前缀（“”）；
$（'content'）.has（'leftnav wrap'）.find（'page'）.wrap（''）；
//移动左栏
$（'h4.mobile.toggle'）。单击（函数（）{
if（$（“#leftnav wrap”）.is（“：hidden”））{
$（this.addClass（'active'）；
$（'#leftnav wrap'）.addClass（'active'）；
}
否则{
$（this.removeClass（'active'）；
$（'#leftnav wrap'）.removeClass（'active'）；
}
});

我编写的代码是否有内在的错误？它不会切换任何活动类，我还有另一个工作正常的站点，只是它没有针对刚刚由

.wrap（）

创建的ID

---

这里的JSfiddle:。不切换任何类

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

我必须先用CSS隐藏leftnav，然后为

.active

状态添加一个类，以便它再次显示它。然后，切换工作正常

哎呀

---

修复了JSFIDLE的问题：

实际上，您希望做什么，代码中没有错误，逻辑是错误的。请告诉我您想做什么。我实际上刚刚发现了问题所在。把答案贴在下面。