LinkedIn hopscotch教程 - 如何更改標籤的名稱？

Question

我正在爲該網站設置LinkedIn導覽。 http://linkedin.github.io/hopscotch/ 它工作正常。但我需要更改完成按鈕的文本。 一旦我把下面一行i18n.doneBtn，靜態頁面出現，但動態執行停止，巡視不會出現。 你有什麼建議如何解決它？謝謝！

 "fnInitComplete": function(){ 
     $('#accessModal').modal('show'); 
     {% if request.user.indTutorial %} 

      // Define the tour! 
     var tour = { 
      id: "hello-hopscotch-1", 
      steps: [ 
      {   
       title: "View the Momentum Rankings", 
       content: "Algorithms analyze millions of data points to find the fastest growing companies in any industry.", 
       target: "tag-page-title", 
       width: 450, 
       placement: "bottom", 
       showCloseButton: true 
      }, 
      {  
       title: "See momentum scores", 
       content: "Click on a company to understand the factors that drive their score.", 
       //target: "allResultTable", 
       target: document.querySelector(".sorting_1"), 
       placement: "bottom", 
       showCloseButton: true, 
       showPrevButton: true, 
       width: 450, 
       // the title of the done button - next 
       i18n.doneBtn: "Next" 
      } 
      ], 

      onEnd: function() { 
      window.location.href = '/company/' + $('.my-row').attr('id'); 
      } 
     }; 

Answer 1

i18n屬性應該是一個對象，它應該是在您的遊覽的頂層。

它應該是這個樣子：

var tour = { 
    id: "hello-hopscotch-1", 
    steps: [ 
    {   
     title: "View the Momentum Rankings", 
     content: "Algorithms analyze millions of data points to find the fastest growing companies in any industry.", 
     target: "tag-page-title", 
     width: 450, 
     placement: "bottom", 
     showCloseButton: true 
    }, 
    {  
     title: "See momentum scores", 
     content: "Click on a company to understand the factors that drive their score.", 
     //target: "allResultTable", 
     target: document.querySelector(".sorting_1"), 
     placement: "bottom", 
     showCloseButton: true, 
     showPrevButton: true, 
     width: 450, 
    } 
    ], 

    onEnd: function() { 
    window.location.href = '/company/' + $('.my-row').attr('id'); 
    }, 

    i18n: { 
    // the title of the done button - next 
    doneBtn: "Next" 
    } 
};