使用Twitter引导、JQuery和&；显示数据表；VB

我试图在Twitter引导布局中显示一个datatable。当我运行相同的代码，调用相同的函数时，它会返回一个datatable，并按预期在页面上显示它。然而，当我将相同的代码引入TwitterBootstrap时，它不会显示它。Twitterbootstrap中有什么不同的东西可以阻止它显示表吗？这是我的密码：

$（'TableHere'）.html（“”）
$（'#示例'）。数据表（{

然后在包含调用的页面上，显示代码前半部分的饼图

执行页面时，HTML部分会显示以下内容：

下面是javascript部分：

$（'#demo'）.html（''；
$（'#示例'）。数据表({
“aaData”：[
['Internet Explorer'，'8.0'，'14038']，
['Andriod'，'2.3.7'，'20']，
['Safari'，'4.1'，'18']，
['BlackBerry Browser'，'Unknown'，'16']，
['Safari'，'4.0'，'12']，
['Mobile Safari'，'7.0'，'10']，
['Chrome'，'17.0'，'6']，
['Firefox'，'5.0'，'4']，
['Firefox'，'2.0'，'2']，
[‘歌剧’、‘12.10’、‘2’]
],
“aoColumns”：[
{“缝合”：“浏览器名称”}，
{“缝合”：“浏览器版本”}，
{“针”：“总计”}
]
});

---

因此，VB正在执行，并且据我所知，执行正确？当我将代码放入jsBin示例中时，我的javascript显示出来了？因此，我唯一能得出的结论是bootstrap中的某些东西正在停止它？有什么想法吗？

我不认为您的问题源于bootstrap和datatables的使用。我制作了一个jsBin来测试它nd能够简化您的代码，因为它没有asp，执行时不会出现问题

下面是我使用的代码

<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap.js"></script>
<link href="http://www.datatables.net/release-datatables/media/css/demo_table.css" rel="stylesheet" type="text/css">
<script src="http://www.datatables.net/release-datatables/media/js/jquery.dataTables.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready
    (
            function ()
            {
                $('#TableHere').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>' );
                $('#demo').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>');
                $('#example').dataTable({
                    "aaData": [
                        ['Internet Explorer', '8.0', '14038'],
                        ['Andriod', '2.3.7', '20'],
                        ['Safari', '4.1', '18'],
                        ['BlackBerry Browser', 'Unknown', '16'],
                        ['Safari', '4.0', '12'],
                        ['Mobile Safari', '7.0', '10'],
                        ['Chrome', '17.0', '6'],
                        ['Firefox', '5.0', '4'],
                        ['Firefox', '2.0', '2'],
                        ['Opera', '12.10', '2']
                    ],
                    "aoColumns": [
                        {"sTitle": "Browser Name"},
                        {"sTitle": "Browser Version"},
                        {"sTitle": "Total"}
                    ]
                });

            }
    );
</script>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="row-fluid">
            <a href="#bTable" class="block-heading" data-toggle="collapse">Browser User Agent Table</a>
            <div id="bTable" class="block-body collapse in">
                <div id="TableHere">
                </div>
            </div>
        </div>
    </div>
</div>

$（文件）。准备好了吗
(
函数（）
{
$（'#TableHere'）.html（''）；
$（'#demo'）.html（''）；
$（'#示例'）。数据表({
“aaData”：[
['Internet Explorer'，'8.0'，'14038']，
['Andriod'，'2.3.7'，'20']，
['Safari'，'4.1'，'18']，
['BlackBerry Browser'，'Unknown'，'16']，
['Safari'，'4.0'，'12']，
['Mobile Safari'，'7.0'，'10']，
['Chrome'，'17.0'，'6']，
['Firefox'，'5.0'，'4']，
['Firefox'，'2.0'，'2']，
[‘歌剧’、‘12.10’、‘2’]
],
“aoColumns”：[
{“缝合”：“浏览器名称”}，
{“缝合”：“浏览器版本”}，
{“针”：“总计”}
]
});
}
);

---

另外，仅供参考，如果您正在寻找数据表的功能，我已经成功地使用Knockout隐藏和显示了数据表。

我似乎记得，数据表具有特定于引导的CSS，您可以下载，您检查过了吗？它们应该以特定于模板的格式呈现，但是该表没有重新显示这就是为什么我感到困惑的原因。那么，你认为它是一个.aspx页面是一个问题吗？这是我的假设，但是在没有看到该页面的情况下，我真的不知道。归结起来，几乎所有的必要组件都在一起工作。那么，你知道发生了什么吗？很抱歉，我没有回答这个问题希尔，我在什么地方漏了一个电话。谢谢你的帮助。