JQuery Simple tâche défaut: masquer les éléments enfants de <div> tag
Il y a une explication simple à cela.
J'ai un parent <div>
balise contenant un certain nombre des enfants les divs qui doivent être masqués en fonction de leur classe. Le problème est, je ne peux même pas sembler obtenir un handle vers mon div parent. Ce qui sur terre est le problème ici? Je vais sortir de ma gourde.
Le code jQuery (extrait) ressemble à ceci:
$(function() {
$('#dasummary').children().hide();
La délinquance <div>
rubrique et son contenu est le suivant:
<asp:ListView ID="lvLedger" runat="server" DataSourceID="ldsLedger">
<LayoutTemplate>
<h2>Current Day Activity Summary</h2>
<div id="#dasummary">
<div id="itemPlaceholder" runat="server" />
</div>
</LayoutTemplate>
<ItemTemplate>
<div id="toggleRow" runat="server" class="group">
<asp:Image ID="imgToggle" runat="server"
ImageUrl="~/App_Themes/SunDIAL/images/maximize.png"
ImageAlign="Left" />
<%# Eval("Key") %> (<%# Eval("Count") %> entries)
</div>
<!-- Add nested ListView control for individual items here -->
<asp:ListView ID="lvItems" runat="server" DataSource='<%# Eval("Tasks") %>'>
<LayoutTemplate>
<div class="activity_summary">
<table>
<thead>
<tr>
<th class="first" />
<th>Day</th>
<th>Job</th>
<th>Batch</th>
<th>Duration</th>
</tr>
</thead>
<tbody>
<tr id="itemPlaceholder" runat="server" />
</tbody>
</table>
</div>
</LayoutTemplate>
<ItemTemplate>
<tr id="item" runat="server" class="itemRow">
<td class="first" />
<td>
<h4>
<a><%# Eval("Day") %></a>
</h4>
</td>
<td><%# Eval("Project") %></td>
<td><%# Eval("Name")%></td>
<td><%# Eval("Hours") %>:<%# Eval("Minutes","{0:00}") %></td>
</tr>
</ItemTemplate>
</asp:ListView>
</ItemTemplate>
</asp:ListView>
Le rendu HTML semble (aussi loin que je peux voir) juste fine. Laissez-moi savoir si vous voulez l'ensemble de la chose; voici les bits importants:
<div id="#dasummary">
<div id="ctl00_ContentPlaceHolder1_dashboardFrame_ctl00_ActiveDayLedger1_lvLedger_ctrl0_toggleRow" class="group">
<img id="ctl00_ContentPlaceHolder1_dashboardFrame_ctl00_ActiveDayLedger1_lvLedger_ctrl0_imgToggle" src="App_Themes/SunDIAL/images/maximize.png" align="left" style="border-width:0px;" />
Wednesday (2 entries)
</div>
<!-- Add nested ListView control for individual items here -->
<div class="activity_summary">
Il y a une raison pour laquelle je ne suis pas à une simple opération. Pouvez-vous repérer?
- renommer votre contenu espace réservé à l'id de votre page maître à quelque chose de beaucoup moins plus court e.g cph. si vous avez imbriqué des pages et des contrôles utilisateur cela permet d'économiser de graves k le long du fil!
InformationsquelleAutor Phil.Wheeler | 2009-01-11
Vous devez vous connecter pour publier un commentaire.
L'id de votre div est faux. Dans le html, il doit être
dasummary
, pas#dasummary
, de sorte que vous pouvez l'attraper par jQuery avec$("#dasummary")
"#" dans le sélecteur jQuery signifie que jQuery doit sélectionner les éléments par id. Donc, dans votre cas, il y a deux façons:
C'est bon, vous devriez avoir
Aussi, il pourrait être nécessaire d'utiliser la fonction de chaque: