gpt4 book ai didi

javascript - jQuery toggleClass 如果不工作

转载 作者:可可西里 更新时间:2023-11-01 13:27:11 26 4
gpt4 key购买 nike

我无法在 if-else 条件下运行 jQuery toggleClass()。

我的 HTML 代码是:

<ul>
<li class="firstLevel">
<a href="#main_cat_01">MAIN CATEGORY #1</a>
<ul class="dijete">
<li>
<a href="#subt_cat_01">SUB CATEGORY #1</a>
</li>
</ul>
</li>
<li class="firstLevel">
<a href="#main_cat_02">MAIN CATEGORY #2</a>
<ul class="dijete">
<li>
<a href="#subt_cat_02_01">SUB CATEGORY #1</a>
</li>
</ul>
</li>
</ul>

我的 CSS 代码是:

ul.dijete {
display: none;
}

.vidimte{
display: block;
}

我的 JavaScript 代码是:

    var $j = jQuery.noConflict();
$j(function() {
$j('li.firstLevel').click(function(){
if($j(this).children("ul.dijete").hasClass("vidimte")){
$j(this).children("ul.dijete").toggleClass('vidimte'); //visible
$j(this).find("ul.dijete").prev("li.firstLevel a").css({
"background-image":'url(URL_TO_THE_IMAGE_OPEN)',
"background-position":"right center",
"display":"block",
"background-repeat":"no-repeat"
});
}else{ // else add image close and display none
$j(this).find('ul.vidimte').prev("li.firstLevel a").css({
"background-image":'url(URL_TO_THE_IMAGE_CLOSE)',
"background-position":"right center",
"display":"block",
"background-repeat":"no-repeat"
});
}
});
});

我无法让它工作。

我必须为此使用 on.('click) 方法吗?

有什么想法吗?

感谢您的帮助或任何信息!

最佳答案

明白了!感谢分享想法!

解决方案对我有用:

var $j = jQuery.noConflict();

$j(function() {
$j('li.firstLevel').on('click', function() {
if($j(this).closest("li").children("ul.dijete").length){
$j(this).children("ul.dijete").toggleClass('vidimte');


if($j(this).children("ul.dijete").hasClass("vidimte")){
$j(this).find("ul.dijete").prev("li.firstLevel a").css({
"background-image":'url(http://www.v-tac.hr/wp-content/themes/vtac/images/stories/customfilters/open.png)',
"background-position":"right center",
"display":"block",
"background-repeat":"no-repeat"
});
}else{
$j(this).find('ul.dijete').prev("li.firstLevel a").css({
"background-image":'url(http://www.v-tac.hr/wp-content/themes/vtac/images/stories/customfilters/closed.png)',
"background-position":"right center",
"display":"block",
"background-repeat":"no-repeat"
});
}
}
});
});

关于javascript - jQuery toggleClass 如果不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35881168/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com