Question

我有JSFiddle。我有一个ul列表，里面有一些li。我想按一下按钮来切换2 li。我试图放<li class="s1">然后

＆＃13;

$( "button" ).click(function() {
      $("ul.s1").click(function() {
            $(this).slideToggle(300);
            return false;
      });
});

＆＃13;

<button>button</button> 
<ul>
    <li class="s1">1</li>
    <li class="s1">1</li>
    <li>9023698</li>
    <li>8993127</li>
    <li>9037891</li>
</ul>

＆＃13;

但没有任何反应......

Answer 1

首先，如果您希望点击li时滑动，则不需要为button提供自己的点击事件。其次，li元素的选择器不正确。第三，你设置的jsFiddle没有包含jQuery。试试这个：

$("button").click(function () {
    $("ul .s1").slideToggle(300);
});

Example fiddle

Answer 2

$( "button" ).click(function() {
  $("ul .s1").slideToggle(300);
  return false;
});

ul和class之间的空格应该修复它。

并且您不需要列表元素的单击处理程序。

一个按钮从<ul> </ul> </li>切换一些<li>

2 个答案: