我可以使用多個2頁以上的intro.js嗎？

我想使用超過兩頁的intro.js。這是一個簡單的方法來做到這一點？我可以使用多個2頁以上的intro.js嗎？

2015-10-14 Aleksandra Szczurek

嗨，歡迎來到Stack Overflow！我不認爲你真的提供了足夠的信息給任何人來幫助你。我建議看看http://stackoverflow.com/help/how-to-ask並重試。 –

@RichChurcher這是對一個新用戶最好的評論（例如問題很少）我曾閱讀過......對你和對巴西亞的讚譽是爲了保持這個網站真棒:)（會讓你下午一點， t看到它在哪裏做...所以這裏它將不得不駐留，直到有人刪除它） – ea0723

嗯，謝謝:) –

是的，你可以。如果你看一下對於多頁intro.js示例代碼https://github.com/usablica/intro.js/tree/master/example/multi-page你可以看到，第一頁有一個重定向到第二頁後，用戶點擊該按鈕代碼：

<script type="text/javascript"> 
    document.getElementById('startButton').onclick = function() { 
    introJs().setOption('doneLabel', 'Next page').start().oncomplete(function() { 
     window.location.href = 'second.html?multipage=true'; 
    }); 
    }; 
</script>

我們用正則表達式來檢查第二頁如果用戶正在通過介紹。您需要在每個頁面中添加這樣的代碼，然後在下一個應該顯示的頁面上輸入url地址。如果你想有多個「介紹流程」（因爲問題標題是multiple），你可以給他們一個名字或數字。然後，而不是添加multipage=true，您可以使用multipage=beta_version或multipage=1並使用reqex來檢查用戶是否應該看到介紹，如果是，哪一個。

<script type="text/javascript"> 
    if (RegExp('multipage', 'gi').test(window.location.search)) { 

    document.getElementById('startButton').onclick = function() { 
     introJs().setOption('doneLabel', 'Next page') 
     .start().oncomplete(function() { 
      if (RegExp('multipage=2', 'gi').test(window.location.search)) { 
      window.location.href = 'third.html?multipage=2'; 
      } 
      else { 
      window.location.href = 'unicorn.html?multipage=3'; 
      } 
     }); 
     }; 
    } 
</script>

這可能是不是最好的代碼:)過，但（如富說）沒有更多的信息我只能猜測這是你想要做什麼？但希望它能給出一個總體思路。

來源

2015-10-16 13:10:18 basiam

你是真棒添加這樣一個精益問題的答案...這對我很有幫助因爲這正是我正在努力完成的工作......謝謝！ – ea0723

如果（正則表達式（ '多頁'， 'GI'）。測試（window.location.search））{ introJs（）。的SetOption（ 'doneLabel'， '下一頁→'）。開始（）。的onComplete （function（）{ window.location.href ='nextpage？multipage = true'; }）; }

來源

2016-08-26 20:36:11

請不要在明顯的主題/不良問題上發表回答！ [見：**應該建議關閉主題問題？**]（// meta.stackoverflow.com/q/276572/1768232）另外，當發佈主要由代碼段組成的答案時，請[將一些文本添加到解釋代碼的作用]（// meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers）。您還應該花時間[正確地格式化您的代碼]（// stackoverflow.com/help/formatting）。 –

感謝您的信息。 –

我可以使用多個2頁以上的intro.js嗎？

回答

相關問題