2013-07-08 77 views
1

我对jQuery很新,但我知道我的方式(ish)。jQuery单击选择器不工作

我可以尝试解释它,但它更容易向您展示演示(http://codepen.io/georgearnall/pen/KjtAw)。

我想要它,以便当用户点击移动导航切换时,菜单应从侧面滑入。然后,如果用户想要关闭导航,他们只需点击页面内容(.page-wrap)上的任何位置,它就会再次滑动。

我的问题是,在代码中添加的类似乎不能在JavaScript中工作。

而且,如果有这样随时分享:)

感谢所有帮助

+0

为什么会变成这样得到downvoted? (为了抽出时间来包含示例代码并提供一个很好的书面解释) – jahroy

+0

我没有看到使用“active”和“unactive”名称定义的样式类...如果没有这样的类存在,则不会发生任何事情。 – jahroy

回答

7

事件委托我的朋友的另一种更简单的方法。点击事件,您绑定到获得动态添加,试着改变你的点击处理程序的语法如下类别:

$(document).on("click", ".active .page-wrap", function() { 

这里有一个演示:http://codepen.io/anon/pen/HJfxE

+1

注意:为了提高效率,请始终绑定在您可以使用的最具体的封闭元素上。这很少是'文件'。 – Alnitak

+0

非常感谢。在你看来,这是解决这个问题的最好方法吗? – George

+1

如果你点击的是一个容器,那么用该容器替换“文档”。但是,是的,这将是解决这个问题的方法。 – tymeJV