1

我正在尝试创建一个投票/投票系统，我想在深入研究之前确保我的想法是可能的。我真的很喜欢Colorbox 示例的外观和“弹出”窗口/显示的工作方式，我也对这个用于显示投票结果的jqBarGraph 插件非常感兴趣。当用户投票时，我想做的是让 Colorbox“弹出窗口”出现并让动画条形图显示在里面。我不确定这将如何实现，因为在我看到的 jqBarGraph 示例中，“图形”被连接到<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 的代码示例中，上面的 function() 的想法来自这里。我也愿意接受任何其他建议，我只是认为这两个插件看起来非常漂亮，并且希望能够一起实现它们。

此外，为了它的价值，我使用的是 VB.NET (.NET 3.5) 和 VS2010。

提前谢谢了！

4

1 回答 1

2

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

于 2011-06-22T19:25:57.203 回答