我有一个转发器,锚标签和div标签。锚有一个jquery正在做slidetoggle。但是例如,如果我在转发器中有5个项目,则div计数也是5,当我单击锚点时,所有div都在进行滑动切换。
如果我使用itemcommand它没关系,但这次js不起作用。因为我正在使用linkbutton并且它没有你知道的点击事件。那么有什么解决方案可以修复它吗? 这是我的转发器和js。
<head runat="server">
<title></title>
<script src="jquery-1.8.4.js"></script>
<script src="jquery-ui-1.9.2.custom.js"></script>
<script src="jquery-ui-1.9.2.custom.min.js"></script>
<script>
$(function () {
$('[id*=aNotice]').click(function () {
$('[id*=dvContent]').slideToggle(400);
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Repeater ID="rptNotice" runat="server">
<ItemTemplate>
<a id="aNotice" runat="server">click to see toggle</a>
<div id="dvContent" runat="server"><%#Eval("content") %></div>
</ItemTemplate>
</asp:Repeater>
</div>
</form>
</body>
</html>
答案 0 :(得分:2)
您可以使用next
方法:
$(function () {
$('[id*=aNotice]').click(function () {
$(this).next('div').slideToggle(400);
});
});
请注意,ID必须是唯一的,并且使用$('[id*=aNotice]')
overkill ,您应该使用类。
$('.aNotice').click(function (event) {
event.preventDefault()
$(this).next('div').slideToggle(400);
});
还需要加载两次jQuery UI,jquery-ui-1.9.2.custom.min.js
只是jquery-ui-1.9.2.custom.js
的缩小版。
<script src="jquery-ui-1.9.2.custom.js"></script>
<!-- <script src="jquery-ui-1.9.2.custom.min.js"></script> -->