2015-11-11 20 views
0

我在教程工作下列網站http://tiny.cc/testmapsite用一個元素onclick中斷IntroJS.js教程,然後繼續?

在第3步,我強調的元素,這是我要求用戶點擊,這改變的元素之一,然後我想在未來的使用步。但是,當下一步發生時,正確的元素會突出顯示,但彈出窗口不會出現,並且IntroJS步驟的不透明度不正確。

有沒有辦法阻止教程讓用戶點擊一個特定的元素,然後一旦他們完成了這些,繼續進行下一步。

如果你想看看正確的教程,點擊入門文本左主面板上,這應該開始教程

回答

0

這是因爲intro.js正在訪問DOM來在更新完成之前計算彈出的位置。

(您可以通過檢查頁面元素,並找到添加到DOM的酥料餅的元素驗證這一點,但無效或屏幕外的位置。)

如果是這種情況,一個簡單的$的setTimeout( ...)推遲你的nextStep函數的調用應該做的伎倆,例如

// update DOM element, then... 
// 
setTimeout(function() { 
    introJs().start().nextStep(); 
},100}; 
相關問題