JQuery变量获取另一个未计算的变量中设置了等于值的对象ID
试试下面的代码JQuery变量获取另一个未计算的变量中设置了等于值的对象ID,jquery,Jquery,试试下面的代码 <!-- Recent Feed Starts --> <div class="RecentFeed"> <!-- Switch Feed Starts --> <div class="RecentFeedToogle"> <div class="Tab Active" id="RecentBana
<!-- Recent Feed Starts -->
<div class="RecentFeed">
<!-- Switch Feed Starts -->
<div class="RecentFeedToogle">
<div class="Tab Active" id="RecentBananzaNews">
<div class="Icon"></div>
<div class="Title">Bananza News</div>
<div class="Arrow"></div>
</div>
$(“.RecentFeedToogle.Tab”)。单击(函数(e){
var divwidth='';
if($(this.attr('id')=='RecentBananzaNews'){
divwidth='164px';
}
if($(this.attr('id')=='RecentRaffles'){
divwidth='112px';
}
if($(this.attr('id')=='RecentArticles')){
divwidth='114px';
}
if($(this.attr('id')=='RecentForumDiscussions'){
divwidth='109px';
}
if($(this.attr('id')=='RecentCharitableNews'){
divwidth='182px';
}
if($(this).width()==44){
$(.recentfeedtogle.Tab.Active”).animate({width:'44px'},500);
$(.recentfeedtogle.Tab”).removeClass('Active');
$(this.animate({width:divwidth},500);
$(this.addClass('Active');
}
});
你能在HTML部分设置id值吗?你有“width=$(this).attr('id)”,所以是的:你的witdh变量有对象的id!是的,当然,如果你想查看实时版本检查,只需更新@Lepanto即可。谢谢是@Matthijs,但是在ID变量下面是一个变量。基本上先检查ID,然后再检查ID的Var值。谢谢@Lepanto,这非常有效!威尔+1,一旦我有了一些额外的代表:)
<!-- Recent Feed Starts -->
<div class="RecentFeed">
<!-- Switch Feed Starts -->
<div class="RecentFeedToogle">
<div class="Tab Active" id="RecentBananzaNews">
<div class="Icon"></div>
<div class="Title">Bananza News</div>
<div class="Arrow"></div>
</div>
<script type="text/javascript">
$(".RecentFeedToogle .Tab").click(function(e){
var divwidth = '';
if($(this).attr('id') == 'RecentBananzaNews'){
divwidth = '164px';
}
if($(this).attr('id') == 'RecentRaffles'){
divwidth = '112px';
}
if($(this).attr('id') == 'RecentArticles'){
divwidth = '114px';
}
if($(this).attr('id') == 'RecentForumDiscussions'){
divwidth = '109px';
}
if($(this).attr('id') == 'RecentCharitableNews'){
divwidth = '182px';
}
if ($(this).width() === 44) {
$(".RecentFeedToogle .Tab.Active").animate({width:'44px'},500);
$(".RecentFeedToogle .Tab").removeClass('Active');
$(this).animate({width: divwidth },500);
$(this).addClass('Active');
}
});
</script>