を使用して/アクティブ追跡クリックした記事を保管してください、私のHTML構造である:は、私は以下のオープンjQueryの親のUL Liと1つの問題に直面していますjQueryの
<div>
<ul>
<li class="has-sub">
<a href="#">1</a>
<ul>
<li><a href="#">1.1</a></li>
<li><a href="#">1.2</a></li>
<li class="has-sub">
<a href="#">2</a>
<ul>
<li><a href="#">2.1</a></li>
<li><a href="#">2.2</a></li>
<li class="has-sub">
<a href="#">3</a>
<ul>
<li><a href="#">3.1</a></li>
<li><a href="#">3.2</a></li>
More...
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
のjQuery:
$(function() {
$('a').each(function() {
if ($(this).prop('href') == window.location.href) {
$(this).addClass('activation');
}
});
});
CSS:
.open > a:after,
.open > a:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(89deg);}
activation
class add、open parent ul li。
私はどのクラスがアクティブになっているかを知っていますが、この親はその時間を開いています。
このソリューションにはどのように到達できますか?
あなたは何かに.openを適用しているようではありません。だから明らかにうまくいかないでしょう。開いているクラスにクラスを追加する必要があります。 .activationにもいくつかの開始コードがあります。あなたはそれを知らないので、私は知らないので – KyleK
私は '$(this)).parent( 'ul')を追加しましたaddClass( 'open');'しかし動作しません –