Jquery 为什么这段代码的第一行总是展开的？
我已经“几乎”复制并粘贴了stackoverflow中建议的这段代码，并使用asp.net listview控件显示了主详细信息 这是我的密码Jquery 为什么这段代码的第一行总是展开的？,jquery,asp.net,listview,Jquery,Asp.net,Listview,我已经“几乎”复制并粘贴了stackoverflow中建议的这段代码，并使用asp.net listview控件显示了主详细信息 这是我的密码 <css> .collapse { background-position: left -172px; height: 14px; width: 13px; background-repeat: no-repeat; background-im
<css>
.collapse
{
background-position: left -172px;
height: 14px;
width: 13px;
background-repeat: no-repeat;
background-image: url('images/DXR.png');
cursor: pointer;
}
.expand
{
background-position: -14px -187px;
height: 14px;
width: 13px;
background-repeat: no-repeat;
background-image: url('images/DXR.png');
cursor: pointer;
}
table
{
}
table td
{
}
table th
{
}
.SUBDIV table
{
border: 0px;
}
</css>
<script type="text/javascript">
$(document).ready(function () {
// THIS IS FOR HIDE ALL DETAILS ROW
$(".SUBDIV table tr:not(:first-child)").not("tr tr").hide();
$(".SUBDIV .btncolexp").click(function () {
$(this).closest('tr').next('tr').toggle();
//this is for change img of btncolexp button
if ($(this).attr('class').toString() == "btncolexp collapse") {
$(this).addClass('expand');
$(this).removeClass('collapse');
}
else {
$(this).removeClass('expand');
$(this).addClass('collapse');
}
});
});
</script>
<asp:ListView ID="lvDmr" runat="server" DataSourceID="dsDmr" DataKeyNames="id">
<ItemTemplate>
<div id="Div1" class="SUBDIV" runat="server">
<table style="width: 100%;" cellspacing="0" cellpadding="8">
<tr style="width: 100%;">
<td class="colonna-griglia" style="width: 3%;">
<div class="btncolexp collapse">
</div>
</td>
<td class="colonna-griglia" style="width: 3%;">
<%# IconaRispostaRichiesta(Eval("risposta_richiesta"))%>
</td>
<td class="colonna-griglia" style="width: 5%;">
<%# Convert.ToDateTime(Eval("data_rilevazione")).ToString("d") %>
</td>
<td class="colonna-griglia">
<a href='dmr.aspx?testataconcorrente=<%# Eval("rivista")%>'>
<%# Eval("rivista")%></a>
</td>
<td class="colonna-griglia">
<a href='dmr.aspx?cliente=<%# Eval("cliente")%>'>
<asp:Label runat="server" ID="lblCliente" Text='<%# Eval("cliente")%>'></asp:Label></a>
</td>
<td class="colonna-griglia">
<asp:HyperLink runat="server" ID="lnkFiltroAgente" Text='<%# Eval("agente") %>' Visible='<%# MostraLabelAgente(Eval("agente")) %>'
NavigateUrl='<%# Eval("agente","dmr.aspx?agente={0}") %>'></asp:HyperLink>
<asp:DropDownList runat="server" ID="cmbAgente" DataSourceID="dsAgenti" DataTextField="agenteclienteportafoglio"
DataValueField="agenteclienteportafoglio" Width="150px" AutoPostBack="true" OnSelectedIndexChanged="cmbAgente_SelectedIndexChanged"
SelectedValue='<%# Eval("agente") %>' AppendDataBoundItems="true" Visible='<%# MostraComboAgente(Eval("agente")) %>'>
<asp:ListItem Text="" Value=""></asp:ListItem>
</asp:DropDownList>
</td>
<td class="colonna-griglia">
<%# Eval("categoria")%>
</td>
<td class="colonna-griglia">
<%# Eval("sottocategoria")%>
</td>
<td class="colonna-griglia">
<%# Eval("prodotto")%>
</td>
<td class="colonna-griglia">
<%# Eval("formato")%>
</td>
<td class="colonna-griglia">
<%# Eval("posizionamento")%>
</td>
<td class="colonna-griglia">
<%# Eval("spazio")%>
</td>
<td class="colonna-griglia">
<asp:Label runat="server" ID="lblID" Text='<%# Eval("id")%>'></asp:Label>
</td>
</tr>
<tr>
<td colspan="6">
</td>
<td colspan="6">
<div id="divDetail" class="toggle1" style="padding: 5px 5px 5px 5px; background-color: #DEDEDE;">
<asp:UpdatePanel runat="server" ID="upPanel">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnInviaCommento" EventName="Click" />
</Triggers>
<ContentTemplate>
<asp:SqlDataSource ID="dsCommenti" runat="server" ProviderName="MySql.Data.MySqlClient"
InsertCommand="INSERT INTO dmr_commenti SET id_dmr=@id_dmr, data_ora=NOW(), commento_di=@commento_di, commento=@commento">
<InsertParameters>
<asp:Parameter Name="id_dmr" />
<asp:Parameter Name="commento_di" />
<asp:Parameter Name="commento" />
</InsertParameters>
</asp:SqlDataSource>
<asp:Repeater runat="server" DataSourceID="dsCommenti" ID="repeaterCommenti">
<HeaderTemplate>
</HeaderTemplate>
<ItemTemplate>
<table style="width: 80%;" cellpadding="4" cellspacing="4">
<tr>
<td style="width: 7%; vertical-align: top;">
<img alt="" src='images/<%# RitornaFotoUtente(Eval("commento_di")) %>' height="48px" />
</td>
<td style="width: 93%; vertical-align: top;">
<span style="font-size: 8pt;"><b>
<%# Eval("commento_di")%></b> il <b>
<%# Eval("data_ora")%></b> </span>
<br />
<br />
<%# Eval("commento")%>
<br />
</td>
</tr>
</table>
</ItemTemplate>
<FooterTemplate>
<asp:Label runat="server" ID="lblFooter" Text=""></asp:Label>
</FooterTemplate>
</asp:Repeater>
<asp:TextBox runat="server" ID="txtCommento" Width="90%" Height="100px" TextMode="MultiLine"></asp:TextBox>
<br />
<asp:Button runat="server" ID="btnInviaCommento" Text="Invia" CommandName="ScriviCommento"
CommandArgument='<%# Eval("id") %>' />
<asp:CheckBox runat="server" ID="chkRichiediRisposta" Text="Richiedi risposta" Visible='<%# MostraCheckRichiediRisposta() %>' />
<br />
<br />
<asp:Label runat="server" ID="lblMessaggioCommento" Text=""></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</td>
<td style="width: 20%;">
</td>
</tr>
</table>
</div>
</ItemTemplate>
<EmptyDataTemplate>
<table id="Table1" runat="server" style="">
<tr>
<td>
<br />
<br />
<asp:Label ID="lblNoPost" runat="server" Font-Size="Large" Font-Bold="true" Text="Non ci sono record !"> </asp:Label>
<br />
<br />
</td>
</tr>
</table>
</EmptyDataTemplate>
<LayoutTemplate>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<th class="colonna-griglia-header" style="width: 3%;">
</th>
<th class="colonna-griglia-header" style="width: 3%;">
</th>
<th class="colonna-griglia-header" style="width: 5%;">
Data
</th>
<th class="colonna-griglia-header">
Rivista
</th>
<th class="colonna-griglia-header">
Cliente
</th>
<th class="colonna-griglia-header">
Agente
</th>
<th class="colonna-griglia-header">
Categoria
</th>
<th class="colonna-griglia-header">
Sottocategoria
</th>
<th class="colonna-griglia-header">
Prodotto
</th>
<th class="colonna-griglia-header">
Formato
</th>
<th class="colonna-griglia-header">
Posizionamento
</th>
<th class="colonna-griglia-header">
Spazio
</th>
<th class="colonna-griglia-header">
Record
</th>
</tr>
<tr runat="server" id="itemPlaceholder">
</tr>
</table>
<br /><br />
<center>
<asp:DataPager ID="DataPager1" runat="server" PageSize="15" QueryStringField="page">
<Fields>
<asp:NumericPagerField ButtonType="Link" NumericButtonCssClass="PageNumber" NextPreviousButtonCssClass="PageNumber"
NextPageText="Next" PreviousPageText="Prev" CurrentPageLabelCssClass="PageNumberCurrent" />
</Fields>
</asp:DataPager>
</center>
<br /><br />
</LayoutTemplate>
</asp:ListView>
崩溃
{
背景位置：左-172px；
高度：14px；
宽度：13px；
背景重复：无重复；
背景图片：url（'images/DXR.png'）；
光标：指针；
}
扩大
{
背景位置：-14px-187px；
高度：14px；
宽度：13px；
背景重复：无重复；
背景图片：url（'images/DXR.png'）；
光标：指针；
}
桌子
{
}
表td
{
}
表th
{
}
.SUBDIV表
{
边界：0px；
}
$（文档）.ready（函数（）{
//这是用于隐藏所有详细信息行
$（“.SUBDIV表tr:not（：first child）”）.not（“tr tr”）.hide（）；
$（“.SUBDIV.btncolexp”）。单击（函数（）{
$（this）.closest（'tr'）.next（'tr'）.toggle（）；
//这是为了更改btncolexp按钮的img
if（$（this.attr（'class'）.toString（）=“btncolexp collapse”）{
$（this.addClass（'expand'）；
$（this.removeClass（'collapse'）；
}
否则{
$（this.removeClass（'expand'）；
$（this.addClass（'collapse'）；
}
});
});
'height=“48px”/
白细胞介素
资料
里维斯塔
<div class="btncolexp collapse"> </div>
<style>
.grid-list-container .grid-list-collapse,
.grid-list-container .grid-list-expand {
background-position: left -172px;
height: 14px;
width: 13px;
background-repeat: no-repeat;
background-image: url('/Content/Images/DXR.png');
cursor: pointer;
}
.grid-list-container .grid-list-expand {
background-position: -14px -187px;
}
.grid-list-container table {
border: solid 1px black;
}
.grid-list-container table td {
border-right: solid 1px black;
border-bottom: solid 1px black;
}
.grid-list-container table th {
border-bottom: solid 1px black;
}
.grid-list-container .SUBDIV table {
border: 0;
border-left: 1px solid black;
}
</style>
<div class="grid-list-container">
<asp:ListView ID="lvDmr" runat="server" DataSourceID="dsDmr" DataKeyNames="id">
<ItemTemplate>
<div class="SUBDIV" runat="server">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="15px">
<!-- Important: The below div class must be unique -->
<div class="btncolexp grid-list-collapse">
</div>
</td>
<!-- Other Columns-->
</tr>
<!-- No changes in Details Row-->
</table>
</div>
</ItemTemplate>
<EmptyDataTemplate><!-- No changes--></EmptyDataTemplate>
<LayoutTemplate>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<th width="15px"></th>
<!--All Header Column th(s) here -->
</tr>
</table>
<!-- Important: The below div#itemPlaceHolder must be here next to header table -->
<div runat="server" id="itemPlaceHolder"></div>
<!-- Other Tags like Pager can be here -->
</LayoutTemplate>
</asp:ListView>
</div>
<script>
$(function () {
// THIS IS FOR HIDE ALL DETAILS ROW
$(".SUBDIV table tr:not(:first-child)").not("tr tr").hide();
$(".SUBDIV .btncolexp").click(function () {
$(this).closest('tr').next('tr').toggle();
//this is for change img of btncolexp button
if ($(this).hasClass("btncolexp grid-list-collapse")) {
$(this).addClass('grid-list-expand')
.removeClass('grid-list-collapse');
}
else {
$(this).removeClass('grid-list-expand')
.addClass('grid-list-collapse');
}
});
});
</script>