如何淡入在vegaswalk背景畫廊中的文字

Question

你好我玩的拉斯維加斯背景劇本，並想使用「vegaswalk」功能爲每個背景添加標題。所有工作正常，但我想在div id =「marketingText」上添加fadeIn，這可能嗎？文字每次都需要淡入淡出。

$('body').bind('vegaswalk', 
    function(e, bg, step) { 
    if(step == 0) { 
     $('#marketingText').text("new dialog title 1"); 
     } 
    if(step == 1) { 
     $('#marketingText').text("new dialog title some different text 2"); 
     } 
    if(step == 2) { 
     $('#marketingText').text("new dialog title more text 3"); 
     } 
    if(step == 3) { 
     $('#marketingText').text("new dialog title and some more 4"); 
     } 
    } 
); 

我試過以下

$('#marketingText').hide().fadeIn(3000).text("new dialog title 4"); 

Answer 1

嘗試，如：

var $mark= $('#marketingText'); 
    var textsArr = [ // Array of texts 
    "new dialog title 1", 
    "new dialog title some different text 2", 
    "new dialog title more text 3", 
    "new dialog title and some more 4" 
    ]; 

    $('body').bind('vegaswalk', function(e, bg, step) { 
    $mark.hide().text(textsArr[step]).fadeIn(1000); 
    }); 

Answer 2

可以簡化這個最成1個功能：

$('body').bind('vegaswalk', 
    function(e, bg, step) { 
     $('#marketingText').text("new dialog title " + (step + 1)).fadeIn(3000); 
    } 
); 

Answer 3

感謝@tymeJV

使用方法和添加陣列工作

var myArray = []; 
myArray[ 0 ] = "new dialog title 1"; 
myArray[ 1 ] = "new dialog title 2"; 
myArray[ 2 ] = "new dialog title 3"; 
myArray[ 3 ] = "new dialog title 4"; 


$('body').bind('vegaswalk', 
    function(e, bg, step) { 
    $('#marketingText').text(myArray[ step ]).hide().fadeIn(3000); 
    } 
);