在Colorbox內執行JS（或其他jQuery插件）？

我試圖創建一個投票/投票系統，我想確保我的想法是可能的之前，我深入。我真的很喜歡Colorbox examples看起來和工作的「彈出」窗口/顯示，我'米也真的有興趣在這jqBarGraph plugin顯示投票結果。當用戶投票時，我想要做的是讓Colorbox「彈出」出現，並在裏面顯示動畫條形圖。我不確定這是如何實現的，因爲在我看到的jqBarGraph的例子中，「圖」被鏈接到一個<div>標籤或其他元素。我知道你可以在Colorbox中設置內聯HTML，所以也許我需要設置我的<div>元素，然後讓jqBarGraph使用它？在Colorbox內執行JS（或其他jQuery插件）？

所以我的問題是：是否有可能1）初始化我的彩盒時執行JavaScript（也許在onOpen:function(){）和2）是否有一個（簡單）的方式來顯示我的彩盒彈出內部jqBarGraph的實例？？

這裏是我的（僞）代碼的例子到目前爲止，我怎麼看，也許工作：

//This would happen in my bntVote click event? 
$(".btnVote").colorbox({width:"50%", 
         inline:true, 
         href:"#myGraph", 
         function(){ 
            var arrayOfData = new Array(
              [[75],'voter 1'], 
              [[25],'voter 2']); 
            $('#myGraph').jqBarGraph({ data: arrayOfData }); 

         }}); 

<div id="myGraph" style="display:none;"></div>

的想法（）的函數我上面的代碼示例在我想執行JavaScript爲jqBarGraph，來自here。我也接受任何其他建議，我只是覺得這兩個插件看起來很光滑，並希望能夠一起實現它們。

此外，爲什麼它的價值，我使用VB.NET（.NET 3.5）和VS2010。

非常感謝提前！

來源

2011-06-22 lhan

我認爲你已經擁有了你需要的所有東西。 Colorbox支持使用內聯內容，因此您的圖形div將會去那裏，並且如果您在Colorbox打開時需要執行任何初始化操作，則可以在onOpen函數中指定它。

來源

2011-06-22 19:25:57

所以，我有什麼，但也許把我的jqBarGraph函數內'onOpen'？ – lhan

是的，或者因爲它是內嵌的內容，你甚至可以預先初始化圖表，甚至不涉及Colorbox。然後，Colorbox將在建立HTML時加載這些HTML。 –

太棒了，我會在這裏稍微嘗試一下，然後讓你知道它是否有效！感謝您的建議！ – lhan

在Colorbox內執行JS（或其他jQuery插件）？

回答

相關問題