0
我試圖使用引導遊覽,我將每個步驟附加到一個對象,但這些對象可以移動使用jquery拖放到不同的div。Bootstrap Tour附加到移動的元素
有人可以請我提供一個我應該如何做這種實現的例子。
感謝
下面是我在做什麼的例子:方法可拖動())
this.tour.addSteps([
{element: $("#monthly-chute-view .perspective-container").first(),
title: "1",
content: "Access scheduling tools by clicking on the card to flip it over.",
placement: "bottom",
onNext: function() {
$("#monthly-chute-view .perspective-container").first().click();
}
},
{element: $("#monthly-chute-view .perspective-container").first().find(".pause"),
title: "2",
content: "Out of town? Pause a product's delivery indefinitely and resume with a click.",
placement: "bottom",
onPrev: function() {
$("#monthly-chute-view .perspective-container").first().click();
}
},
{element: $("#monthly-chute-view .perspective-container").first().find(".push"),
title: "3",
content: "If you need an item sooner than expected, push it to your next Dwellers Day.",
placement: "bottom"
},
{element: $("#monthly-chute-view .perspective-container").first().find(".rush"),
title: "4",
content: "If you really can't wait, rush it for next day delivery for $3.",
placement: "bottom"
},
{element: $("#monthly-chute-view .perspective-container").first(),
title: "5",
content: "Want to change frequencies? Just drag cards to different columns.",
placement: "bottom"
},
{element: "#menu-products",
title: "6",
content: "Check out the rest of our products and add the rest of the items on your shopping list.",
placement: "bottom",
onNext: function(tour){
tour.end();
}
}