jquery - ブートストラップ ツアー 移動する要素へのアタッチ

Question

ブートストラップ ツアーを使用しようとしていて、各ステップをオブジェクトにアタッチしていますが、これらのオブジェクトは 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();   
                 }
                }