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();
}
}