我有 4 个 div 和 4 个不同的按钮,我想在按下相应按钮时隐藏特定的 div。
我的asp代码是
<div class="div2">
<div class="d1" id="one">
<h3 class="h3">First Division</h3>
<hr color="black" />
<p class="text-green">
//some text
</p>
<br />
<asp:Button class="btn" ID="Button1" runat="server" Text="Click Me to Hide" />
</div>
<div class="d1" id="two">
<h3 class="h3">Second Division</h3>
<hr color="black" />
<p class="text-red" >
//some text
</p>
<br />
<asp:Button class="btn" ID="Button2" runat="server" Text="Click Me to Hide" />
</div>
<div class="d1" id="three">
<h3 class="h3">Thrid Division</h3>
<hr color="black" />
<p class="text-blue">
//some text
</p>
<br />
<asp:Button class="btn" ID="Button3" runat="server" Text="Click Me to Hide" />
</div>
<div class="d1" id="four">
<h3 class="h3">Fourth Division</h3>
<hr color="black" />
<p class="text-yellow">
//some text
</p>
<br />
<asp:Button class="btn" ID="Button4" runat="server" Text="Click Me to Hide" />
</div>
我的js代码是
$(document).ready(function () {
$("#Button1").click(function () {
$("#one").hide('slow');
});
$("#Button2").click(function () {
$("#two").hide('slow');
});
$("#Button3").click(function () {
$("#three").hide('slow');
});
$("#Button4").click(function () {
$("#four").hide('slow');
});
});
但是点击按钮没有任何反应。出现这种错误的原因是什么??
最佳答案
将 ClientIDMode="Static"添加到您的 asp:button,如下所示:
<asp:Button ID="Button1" runat="server" ClientIDMode="Static" Text="Button" />
这将使 ID 保持不变。它禁用此控件的自动生成名称。
这里是引用:http://msdn.microsoft.com/en-us/library/system.web.ui.control.clientid.aspx
工作 fiddle ..看看下面的链接它工作正常 Fiddle
关于javascript - 无法使用js在单击按钮时隐藏div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23122140/