ガイド付きツアーにジョイライド プラグインを使用しています。関数でジョイライドが開始されたツアー ID (ol
タグ ID)を取得する必要がありpostRideCallback
ます。この関数にはパラメータとしてとのみがindex
ありcurrent_tip
、でIDを取得する方法がわかりhandlePostRideCall
ません。ライブラリを調べましたが、何も機能しません。
HTML:
/* Each tip is set within this <ol>. */
/* This creates the order the tips are displayed */
<ol id="joyRideTipContent">
/* data-id needs to be the same as the parent it will attach to */
<li data-id="newHeader">Tip content...</li>
/* This tip will be display as a modal */
<li>Tip content...</li>
/* using 'data-button' lets you have custom button text */
<li data-class="parent-element-class" data-options="tipLocation:top;tipAnimation:fade" data-button="Second Button">Content...</li>
/* you can put a class for custom styling */
<li data-id="parentElementID" class="custom-class">Content...</li>
</ol>
JS:
<script>
$(window).load(function() {
$('#joyRideTipContent').joyride({
autoStart : true,
postStepCallback : handlePostRideCall,
modal:true,
expose: true
});
});
function handlePostRideCall(index, tip){
// get ol ID here
}
</script>