JQuery設置z-index不起作用

我遇到了JQuery拒絕設置元素的z-index的問題。不只是一定的金額，而是任何金額！我在通過JQuery構建元素時設置了它（但只是在附加代碼中），然後嘗試在交換圖像的函數中再次設置它。但是當它獲得第9次迭代時，它應該將z-index設置爲0，而不是，並且jut忽略它。我已坐下來嘗試各種不同的事情，如果任何人都可以幫助，那就太好了。JQuery設置z-index不起作用

這個頁面的全部代碼在這個頁面：http://www.prideoftameside.co.uk/default-redesign.htm。

你需要的特定部分被看到的是：

function loadImage(number) { 
if (number) { 
    imagecount = number; 
} 

if (imagecount == 1) { 
    $('#introimages > img:nth-child(1)').css({'z-index' : 9 }); 
} 

$('#introimages > img:nth-child(' + imagecount + ')').animate({'opacity' : 0 }, 2000) 

$('#introimages > img:nth-child(' + (imagecount + 1) + ')').css({'opacity' : 1 }); 

if (imagecount == 9) { 
    $('#introimages > img:nth-child(1)').css({'opacity' : 1, 'z-index' : 0 }); 
    imagecount = 0; 
} 

imagecount += 1; 
}

這是通過setInterval的呼籲行提前246

感謝。

詹姆斯

來源

2012-10-23 James R

接過一看你的腳本文件...

你的z-index值設定邏輯正常工作（在單獨的Chrome瀏覽器開發測試），看起來更像是邏輯駐留在從來沒有的功能被調用（周圍的斷點從未被觸發）

我建議使用Chrome內置的調試工具仔細查看腳本。 https://developer.chrome.com/extensions/tut_debugging.html#debug

[如果有幫助請標記出來。 :)]

來源

2012-10-23 16:19:19 adamb

嗨，我已經看過它在Chrome調試器，它肯定調用該函數，以及通過該if語句，並按預期執行JQuery選擇器。我現在調整了代碼，並使用：eq作爲選擇器，它按預期工作。不確定爲什麼n-child在設置z-index時遇到了問題，但它確實是問題的選擇者。 –

JQuery設置z-index不起作用

回答

相關問題