这个问题一直困扰着我,任何解释为什么会有所帮助。
给定以下 DOM:
<body>
<form id="form1" runat="server">
<div id="myDiv" runat="server" data-type="Monkey">
Choose your inner animal!
<ul>
<li class="selected">Monkey</li>
<li>Tiger</li>
<li>Dog</li>
<li>Bunny</li>
</ul>
</div>
<asp:Button runat="server" ID="btnSubmit" Text="Submit" />
</form>
</body>
<script src="Assets/js/jquery-1.9.0.min.js" type="text/javascript"></script>
<script>
$(document).ready(function () {
$('li').bind('click', function () {
$('li.selected').removeClass('selected');
var animal = $(this).addClass('selected').text();
//$('#myDiv').data('type', animal);
$('#myDiv').attr('data-type', animal);
});
});
</script>
代码背后:
Partial Class _Default
Inherits System.Web.UI.Page
Protected Sub btnSubmit_Click(sender As Object, e As System.EventArgs) Handles btnSubmit.Click
Dim type As String = myDiv.Attributes("data-type")
MsgBox(type)
End Sub
End Class
MsgBox总是返回默认值“Monkey”。现在我确实实现了一个解决方法,我将值存储在一个隐藏字段中,然后在按钮单击时调用该值并且它有效。我确实尝试了更新面板,但没有运气,但这并不重要,因为我讨厌更新面板并且从不使用它们。