Question

我想用jQuery切换功能切换div。

这是我的代码：

$(document).ready(function () {
  $("#removeSongButton").click(function () {
    $("#radioButton1").toggle();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <asp:Button runat="server" ID="removeSongButton" Text="remove song"  />
</div>

<div id="radioButton1">
  <asp:RadioButtonList runat="server" ID="radioButton">
    <asp:ListItem Text="1" Value="1"></asp:ListItem>
    <asp:ListItem Text="2" Value="2"></asp:ListItem>
    <asp:ListItem Text="3" Value="3"></asp:ListItem>
  </asp:RadioButtonList  >         
</div>

当我点击“removeSongButton”时，div会立即向上移动并立即切换。我想也许页面重新加载。

Answer 1

你是对的，重装。如果按钮点击要做的最重要的事情是切换，那么添加一个这样的preventDefault。或者是否有按钮点击要触发的其他事件？

$("#removeSongButton").click(function (e) {
     e.preventDefault();
     $("#radioButton1").toggle();
});

Answer 2

尝试添加div#radioButton1作为您的选择器。我创建了一个超级简单的 jsbin http://jsbin.com/rudocofowu/edit?html,output

如果这没有帮助，那么我首先要删除toggle()并尝试仅使用jQuery中的slideUp()或slideDown()来区分哪一个搞乱了。

jQuery切换在我的页面中不起作用

2 个答案: