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

回答