JQuery Mobile菜单使用“this”选择器不工作

时间:2013-07-18 22:24:30

标签: javascript jquery-mobile menu jquery

我正在尝试构建一个非常简单的移动菜单,但它不起作用,我认为这是因为我正在尝试使用“this”选择器。这似乎是非常基本的东西,所以我不确定我在这里做错了什么。

这是HTML:

  <div class="menu-toggle">+</div>
   <ul class="level0">
      <li>sample</li>
      <li>sample</li>
    </ul>

这是jquery:

  $('.menu-toggle').click(function () {

       $('this').siblings('ul.level0').toggle();

});

有什么想法吗?我正在使用“this”和“siblings”,因为页面上有多个这样的实例,所有实例都有相同的类。这来自CMS,所以我无法添加ID。谢谢!

1 个答案:

答案 0 :(得分:3)

这是因为$('this')应该是$(this)

this是一个对象,其值取决于它所使用的上下文(在这种情况下,它包含在jQuery对象中,因此它可以访问jQuery的各种方法)。

详细了解JavaScript的this关键字。

<强> jsFiddle here.