У меня есть этот жерех и HTML код:Отображение '.hidden' элементы с помощью Jquery
<asp:Repeater ID="PervousResultsList" runat="server" EnableViewState="False">
<ItemTemplate>
<div class="row1">
<table style="cursor: pointer; width: 100%">
<tr>
<td rowspan="4">
<asp:Image ID="Image1" ImageUrl="~/Images/pushpinred.png" runat="server" Width="32"
Height="32" /></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td rowspan="7">
<input type="button" class="toggleRow" value="B" style="height: 30px; position: relative; float: left;" />
</td>
</tr>
<tr>
<td>text:</td>
<td rowspan="4">
<h1 style="color: gray"><%# Eval("Text") %></h1>
</td>
</tr>
<tr class="hidden">
<td>text:</td>
<td><%# Eval("Text") %></td>
</tr>
<tr class="hidden">
<td>X:</td>
<td><%# Eval("Lon") %></td>
</tr>
<tr class="hidden">
<td>Y:</td>
<td><%# Eval("Lat") %></td>
</tr>
<tr>
</table>
</div>
</ItemTemplate>
</asp:Repeater>
Javascript код:
$('.toggleRow').on('click', function() {
$(this).closest('table').children('.hidden').show();
return false;
});
Когда обрешетка с классом toggleRow щелкнул Javascript уволили, но я не получаю любой результат (т. е. я ожидаю, что скрытая строка будет отображаться, но не).
Любая идея, почему?
Try '$ ('TR') toggleClass ('скрытый'.).' – Azim
Может быть, я что-то пропустил, но я не вижу какой-либо элемент с классом toggleRow в коде! –
, если вы имеете в виду эту кнопку # # btnToggleRow, ваш клик неверен. – guradio