0

我正在尝试使用引导程序,并且将每个步骤附加到一个对象,但是可以使用 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();   
                 }
                }
4

1 回答 1

0

我认为您拥有的简单方法是使用 JqueryUI,以及方法 draggable() 和 droppable() JqueryUI Droppable Method JqueryUI Draggable Method

于 2013-09-24T01:06:51.273 回答