JQuery随机单词选择器不在我的网站上工作

时间:2015-06-22 18:33:10

标签: javascript jquery

我在jsfiddle上有一个脚本可以正常工作: http://jsfiddle.net/tktmn36z/6/

$(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/

1 个答案:

答案 0 :(得分:1)

您的HTML标记如下:

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

通过在chrome dev工具中检查上面的元素,我可以看到单词随着你的期望而改变,但是文本不会显示出来。 我尝试将css z-index:1设置为h1元素,文本再次可见。