Question

我正在尝试创建一个投票/投票系统，我想在挖掘之前确保我的想法是可行的。我真的很喜欢Colorbox examples看起来如何工作“弹出”窗口/显示，我也非常感兴趣jqBarGraph plugin显示投票结果。当用户投票时我想做的是，Colorbox“弹出窗口”出现并且内部显示动画条形图。我不确定这是如何实现的，因为在我看过的jqBarGraph的例子中，“graph”被连接到<div>标签或其他一些元素。我知道你可以在Colorbox中设置内联HTML，所以也许我需要设置我的<div>元素，然后让jqBarGraph使用它？

所以我的问题是：是否有可能1）初始化我的Colorbox时执行javascript（可能在onOpen:function(){？）和2）是否有（简单？）方式显示我的Colorbox弹出窗口中的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>

我的代码示例中的函数（）的想法，我想为jqBarGraph执行javascript，来自here。我也对任何其他建议持开放态度，我认为这两个插件看起来非常光滑，并且希望能够将它们一起实现。

另外，对于它的价值，我使用的是VB.NET（.NET 3.5）和VS2010。

非常感谢提前！

Answer 1

我认为你已经拥有了所需的所有部分。 Colorbox支持使用内联内容，因此你的图形div会去那里，如果你需要在Colorbox打开时进行任何初始化，你可以在onOpen函数中指定它。

在Colorbox中执行JS（或其他jQuery插件）？

1 个答案: