2013-09-21 82 views
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(); 
       } 
       } 

回答