針對jQuery中的動態ID

-1

我在li元素中創建了一個動態ID，我想定位每個ID，這樣我就可以爲不透明度設置動畫。我設置了一個變量「_Btn」來控制檯記錄每個id的值，該值返回正確的id名稱，但是當我嘗試在jquery中定位ID時，它不會爲不透明度設置動畫。我在做什麼錯我該如何針對jQuery中的每個ID？針對jQuery中的動態ID

var btnInfo = [{ 
    img: 'images/thumbs/motionGraphicsThumb1.jpg', 
    id: 'btn1', 
    title: 'TITLE1', 
    url: 'folio/pg1.html' 
}, { 
    img: 'images/thumbs/motionGraphicsThumb2.jpg', 
    id: 'btn2', 
    title: 'TITLE2', 
    url: 'folio/pg2.html' 
}, { 
    img: 'images/thumbs/motionGraphicsThumb3.jpg', 
    id: 'btn3', 
    title: 'TITLE3', 
    url: 'folio/pg3.html' 
}] 
for (var i = 0; i < btnInfo.length; i++) { 

    $('.thumbWrapper .container ul').append('<li class="hideThumbs" id="' + btnInfo[i].id + ' " onclick="contentLoader(\'' + btnInfo[i].url + '\')"><div class="view view-tenth"><img src="' + btnInfo[i].img + '"><div class="mask"><h2>' + btnInfo[i].title + '</h2></div></div></li>'); 

    var _btn = btnInfo[i].id; 
    console.log("BTN ID " + _btn); 

    $("#" + _btn).animate({ 
    opacity: 100 
    }); 
} 
}

來源

2016-01-16 Frank DTank De Leon

給我們一些樣本'id'值？你不能使用'.hidethumbs'嗎？ –

底部還有一個'}'。好心檢查。 –

「hideThumbs」類將拇指設置爲零不透明度。所以我想將每個ID的不透明度設置爲1.hideThumbs opacity：0; } –

我猜你創建<li> S作爲不可見的，然後想用animate()，使他們順利可見。所以更可能你的hideThumbs類設置爲display: none;：這樣，更改opacity沒有效果，並且元素保持不可見。

而不是你的CSS應該是：

.hideThumbs { 
    opacity: 0; 
}

除了以上，請注意：

opacity: 100有沒有意義（儘管它會工作）;值在0（不可見）和1（完全可見）之間。
你最好在<li>創建之前寫下你的var _btn = btnInfo[i].id;，這樣你就可以在裏面使用btn而不是btnInfo[i].id了。

來源

2016-01-16 21:45:28 cFreed

是類.hideThumbs確實有不透明度設置爲0，我試圖動畫不透明度爲1針對動態ID的，但我似乎無法得到那個工作。我將jQuery中的不透明度從100改爲1，但仍然不起作用。 –

@FrankDTankDeLeon好的，但是你確定在這個'hideThumbs'類或'view'和'view-tenth'類中有沒有等同於'display：none;'的東西？ – cFreed

針對jQuery中的動態ID

回答

相關問題