Javascript 从Google可视化图表（表）内部触发时，引导弹出窗口不工作

我有一个关于Twitter Bootsrap流行音乐的网站。我设法让它们通过iFrame显示远程内容，但问题是我有一个Google可视化图表（表），它有链接可以根据单元格值触发弹出。 表可视化设置为允许html，即使触发modals也可以正常工作，但不能触发弹出窗口。他们只是在桌子外面工作

为了让你们知道发生了什么，我将完整的代码放在了jsFidle中。 虽然外部引用是按相同的顺序加载的（有时这恰好是一个问题），但在jsFidle中，表外的popoovers也不起作用

$(function(){
    $(window).load(function(){
    var img = '<iframe frameborder="0" scrolling="no" height="220" width="420"
src="http://dxlite.g7vjr.org/?dx=LU5DX&limit=10"></iframe>';
    $("#blob").popover({title: 'Last 10 spots for the selected station', 
content: img, html:true});
    $('[rel="popover"]').popover();
    })
    });

$（函数（）{
$（窗口）。加载（函数（）{
var img=“”；
$（“#blob”）.popover（{标题：'所选电台的最后10个位置'，
内容：img，html:true}）；
$（'[rel=“popover”]'）。popover（）；
})
});

因此，要了解实际问题，请查看 表的第一条记录中的注释与表外的popoevers代码完全相同，但不起作用。有人建议设置一个span类，但也不起作用。 非常感谢你的帮助。 提前谢谢。

---

修复popover链接需要做的是在表的“就绪”事件处理程序中初始化它们。在创建

cTable

对象之后，但在调用仪表板的

#draw

方法之前，将此添加到

drawVisualization

函数中：

google.visualization.events.addListener(cTable, 'ready', function () {
    $('#' + cTable.getContainerId() + ' [rel="popover"]').popover();
});

需要注意的其他一些事情可能会有所帮助：您不需要预加载“table”和“corechart”包-ChartWrapper和ControlWrapper对象将负责为您加载必要的库（预加载不会有什么坏处，但也不会给您带来任何好处）。您也不需要为

ChartRangeFilter

指定

dataTable

参数，该参数由

仪表板处理。
ChartRangeFilter
minRangeSize
选项是
ui
选项的一个子选项，而不是
ui.chartOptions
，因此应按如下方式设置：

options: {
    ui: {
        chartOptions: {
            height: 70,
            chartArea: {'height': '80%', 'width': '99.5%'},
            width: '100%',
            hAxis: {
                format: 'MMM d y'
            },
            label : 'End Date Filter'
        },
        // 1 day in milliseconds = 24 * 60 * 60 * 1000 = 86,400,000
        minRangeSize: 86400000,
        chartView: {
            // Display a single series (DXPedition End Date) to filter the table visualization.
            columns: [7, {type: 'number', calc: function() { return 0;}}]
        }
    },
    // Filter by the DXPedition End Date axis.
    filterColumnIndex: 7
}

此外，如果您将电子表格url切换为使用
tq
参数而不是
ccc
参数，则可能有助于解决数据加载问题：

var query = new google.visualization.Query('https://docs.google.com/spreadsheet/tq?key=0AmR-D3rOsulZdDJtbmxWeVdXLUliSEhRV0gwNUZsbUE');

tq
参数告诉电子表格API返回DataTable对象。我在一个JSFIDLE中对此进行了更改（，还包含了上面的其他更改），并注意到加载错误的数量显著减少（尽管它们没有完全消失）。
看起来您并没有在小提琴中实际加载引导。您好。谢谢你的调查。实际上，Bootstrap3.0.0已经加载，否则页面将不会像它那样显示。检查外部引用，打开框架并查看源代码。我所需要的就是它。它在这里不起作用-
无法读取null的属性'applyFilter'，并且图表永远不会显示。谷歌可视化问题。尝试重新加载页面。虽然我不能用FireFox查看这个实时示例，但通过Chrome、Opera和IE，它可以正常工作。我已经更改了导致该问题的控件过滤器包装器的代码，因此页面加载上不应该有任何错误。Asgallant！！我欠你的！。你简直太棒了，伙计。非常感谢你。我真的问过那些我认为是Js大师的人，他们仍在努力想办法。我没有足够的话来感谢你。如果你去阿根廷，我会为你烤最好的披萨！当做