を使用してjqueryに基づいて3つのdivを表示/非表示にしようとしてい<a href="#id">
ます。しかし、コードは機能していません。<a>
rel 属性を使用してリンクを使用してマップすると、コードは正常に機能します。
例えば:<a rel="cat1" class="selected">
デフォルト.aspx
<div id="featuredleftdiv">
<script type="text/javascript">
var featuredposts = new ddtabcontent("featuredposts")
featuredposts.setpersist(true)
featuredposts.setselectedClassTarget("link")
featuredposts.init(10000)
</script>
<ul id="featuredposts" class="featuredposts">
<li><a href="#cat1" class="menu">a</a></li>
<li><a href="#cat2" class="menu">b</a></li>
</ul>
<div class="clear"></div>
<div id="cat1" class="featuredposts_content">
<asp:UpdatePanel ID="UpdatePanel4" runat="server">
<ContentTemplate>
<asp:ListView ID="ListView4" runat="server" GroupItemCount="1" OnPagePropertiesChanging="ListView4_PagePropertiesChanging"></asp:ListView>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div id="cat2" class="featuredposts_content">
<asp:UpdatePanel ID="UpdatePanel5" runat="server">
<ContentTemplate>
<asp:ListView ID="ListView5" runat="server" GroupItemCount="1" OnPagePropertiesChanging="ListView4_PagePropertiesChanging"></asp:ListView>
</ContentTemplate>
</asp:UpdatePanel>
</div>
JQuery
html の Head セクションで
<script type="text/javascript" src="Scripts/jquery-1.8.3.js"></script>
<script type="text/javascript">
$("a.menu").click(function () {
$("div.featuredposts_content").hide();
$($(this).attr('href')).show();
return false;
});
</script>