2015-06-22 24 views
0

我對的jsfiddle一個腳本,工作得很好: http://jsfiddle.net/tktmn36z/6/JQuery的隨機單詞選擇心不是工作在我的網站

$(document).ready(function(){ 
    var myTagList = [ 
     'experianced', 
     'self taught', 
     'well rounded', 
     'work oriented', 
     'punctual', 
     'imaginative', 
     'awesome' 
     ], i = 0; 
    setInterval(function(){ 
     $('#randomSelector').fadeOut(function(){ 
      $('#randomSelector').html(myTagList[i=(i+1)%myTagList.length]).fadeIn(); 
     }); 
    }, 2500);   
}); 

雖然它似乎沒有在我的網站工作,它淡出了字,然後沒有做別的,繼承人的網站:http://shixma.github.io/

+0

您是否至少打開了控制檯並注意jQuery缺失/未正確加載? – adeneo

+0

我剛解決這個問題,它沒有做任何事情。 – Shixma

+0

在我的網站上正常工作。 – APAD1

回答

1

你的HTML標記如下:

<h1><span id="welcomeSelector" style="">Gamer</span></h1> 

通過檢查上面的元素在Chrome開發工具中,我可以看到單詞隨意變化,但文本不會顯示出來。 我試着設置一個css z-index:1到h1元素並且文本再次可見。

+1

我說這我的樣式表,但它未做過什麼:'#welcomeSelector {z-index的:1;}' – Shixma

+0

@Shixma我將css規則添加到h1元素。 –

+0

它似乎沒有做任何事情我的結局。 – Shixma