我正在尝试使用引导程序,并且将每个步骤附加到一个对象,但是可以使用 jquery 拖放将这些对象移动到不同的 div。
有人可以给我一个例子,说明我应该如何做这样的实现。
谢谢
这是我正在做的一个例子:
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();
}
}