jquery – 在html头和身体的Nowrap条件

前端之家收集整理的这篇文章主要介绍了jquery – 在html头和身体的Nowrap条件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在jsfiddle中,他们有选择在左侧选项中设置wrap(head),no wrap(body),OnDomReady和OnLoad.在我的程序中设置没有包装(头)条件.它的工作很好但是我如何更改为 HTML文件.我需要在我的 HTML文件中设置相同的条件

演示:JSFIDDLE@H_404_3@

这里我设置no-wrap(头),我如何设置HTML文件与no-wrap(head)相同的条件?@H_404_3@

这里我的完整代码@H_404_3@

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
 <script type="text/javascript" src="a.js"></script>
<script type="text/javascript">
google.load('visualization','1',{packages: ['corechart']});
google.setOnLoadCallback(drawVisualization);

function drawVisualization() {
var data = google.visualization.arrayToDataTable([
    ['Country','Popularity'],['Germany',200],['United States',300],['Brazil',400],['Canada',500],['France',600],['Russia',700]
]);

// this chart is drawn in a visible div and then immediately hidden
var chart1 = new google.visualization.PieChart(document.getElementById('chart_1'));

google.visualization.events.addListener(chart1,'ready',function () {
    // hide the div when done drawing
    document.getElementById('chart_1').style.display = 'none';

    // create an event listener for the button that shows the chart
    document.getElementById('clickMe1').onclick = function () {
        document.getElementById('chart_1').style.display = 'block';
    }
});

// show the div before you draw
document.getElementById('chart_1').style.display = 'block';

chart1.draw(data,{
    height: 300,width: 400,title: 'Chart 1'
});


// this chart only gets drawn when the button is clicked
var chart2 = new google.visualization.PieChart(document.getElementById('chart_2'));

// create an event listener for the button that shows the chart
document.getElementById('clickMe2').onclick = function () {
    document.getElementById('chart_2').style.display = 'block';
    chart2.draw(data,{
        height: 300,title: 'Chart 2'
    });               
}
}
</script>
<style type="text/css">
#visualization path {
cursor: pointer
}
</style>

  </head>
  <body>
<input type="button" value="Show chart 1" id="clickMe1" />
<input type="button" value="Show chart 2" id="clickMe2" />
<div id="chart_1" style="display: none"></div>
<div id="chart_2" style="display: none"></div>
  </body>
</html>

谢谢你的建议.@H_404_3@

解决方法

这只是把你的JavaScript放在< head>标签

从文档页面@H_404_3@

Reference@H_404_3@

原文链接:https://www.f2er.com/jquery/176226.html

猜你在找的jQuery相关文章