JavaScript只在某些页面上工作

我使用下面的javascript来允许我在单击tr行时高亮显示它

    $(document).ready(function () {
    $('tr').click(function () {
        if(this.style.background == "" || this.style.background =="white") {
            $(this).css('background', '#D3D3D3');
        }
        else {
            $(this).css('background', 'white');
        }
    });
});

$('table tr').click(rowclick)

但是如果我选择了，它就不起作用了，我不明白为什么，因为它使用相同的代码

完整的JavaScript如下所示

var ie = document.all
var ns = document.getElementById && !ie
function rowclick(e) {
var obj = ns ? e.target : event.srcElement
if (obj.tagName=="TD") {

obj.onblur=function() {

}
}
}

$(document).ready(function () {
    $('tr').click(function () {
        if(this.style.background == "" || this.style.background =="white") {
            $(this).css('background', '#D3D3D3');
        }
        else {
            $(this).css('background', 'white');
        }
    });
});




$('table tr').click(rowclick)

document.onclick=rowclick

      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);



      function drawChart() {




        var data = google.visualization.arrayToDataTable([  <?php echo $data; ?>   ]);



        var data2 = google.visualization.arrayToDataTable([ <?php echo $datagoing; ?>   ]);


        var options = {
          backgroundColor: 'transparent',
            legend: 'none',
            height: '100px',
            width: '100px',
               chartArea: { height :"95%", width:"95%" },

        };

        var options2 = {
          backgroundColor: 'transparent',
            legend: 'none',
            height: '100px',
            width: '100px',
               chartArea: { height :"95%", width:"95%" },
        };


        var chart = new google.visualization.PieChart(document.getElementById('piechart<?php echo $loop ?>'));
        chart.draw(data, options);

        var chart2 = new google.visualization.PieChart(document.getElementById('piechartgoing<?php echo $loop ?>'));
        chart2.draw(data2, options2);

      }

var ie=document.all
var ns=document.getElementById&！即
函数行单击（e）{
var obj=ns？e.target:event.src元素
如果（对象标记名==“TD”）{
obj.onblur=函数（）{
}
}
}
$（文档）.ready（函数（）{
$（'tr'）。单击（函数（）{
if（this.style.background==“this.style.background==”白色”）{
$（this.css（'background'，'#d3d3'）；
}
否则{
$（this.css（'background'，'white'）；
}
});
});
$（'table tr'）。单击（行单击）
document.onclick=行单击
load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable（[]）；
var data2=google.visualization.arrayToDataTable（[]）；
变量选项={
背景色：“透明”，
图例：“无”，
高度：“100px”，
宽度：“100px”，
图表区：{高度：“95%”，宽度：“95%”，
};
var选项2={
背景色：“透明”，
图例：“无”，
高度：“100px”，
宽度：“100px”，
图表区：{高度：“95%”，宽度：“95%”，
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart'）；
图表绘制（数据、选项）；
var chart2=新的google.visualization.PieChart（document.getElementById（'piechartgo'）；
图表2.绘图（数据2，选项2）；
}

为什么文档处理程序中的最后一行没有准备就绪，以及

行的内容单击
？您是否在浏览器控制台的页面上发现任何错误？当我查看控制台时，发现“跨源请求被阻止：同一源策略不允许在读取远程资源。（原因：CORS标头“Access Control Allow Origin”丢失）。”您的每个
都在呈现一个
标记。页面上有多个脚本。很难看到发生了什么，因为您得到的每个
都有自己的方法定义。尝试清理代码并为javascript创建.js文件。这可能有助于您了解oni为页面添加了完整javascript的情况。