Question

我使用了自举开关切换开关按钮。

如果我在谷歌表格表中使用它，它运行正常。但它显示了谷歌桌面内的简单复选框。

<html>
<head> 
<meta charset="UTF-8">
<title>Alerts</title>



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.0/css/bootstrap-toggle.min.css" rel="stylesheet">
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.0/js/bootstrap-toggle.min.js"></script>

<script type='text/javascript' src='https://www.google.com/jsapi'></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>

</head>


    <script type='text/javascript'>

      google.load('visualization', '1', {packages:['table'], "callback": drawTable});

      function drawTable() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Report');
        data.addColumn('string', '');
        data.setColumnProperty(1, {allowHtml: true});
        data.addRows([
        ["aaaa",'<input  id ="toggle" class="toggle" data-toggle="toggle" type = "checkbox"   data-width="100" />'],
	["dddd",'<input id="toogle" data-toggle="toggle" type="checkbox" data-width="100"/>'],

        ]);
            options = {showRowNumber: true,'height':250,}
      var table = new google.visualization.Table(document.getElementById('chart_div1'));
      table.draw(data, {showRowNumber: true, allowHtml: true, page:'enable', pageSize:8});
$('.toggle').bootstrapToggle('toggle');
      };
    </script>

 <body>

<div class = "chart_div1" id = "chart_div1"></div>

<input id="toogle" data-toggle="toggle" type="checkbox" data-width="100"/>


</body>
</html>

请给我一个解决方案，

先谢谢。

Answer 1

删除第16行

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

Google表格图表未加载切换

1 个答案: