Question

我是jquery脚本的新手，但我的php代码中有一个HTML表结构如下：

print <<<End_Of_HTML

<table class="misc_items timecard_list" border="0" cellpadding="2" cellspacing="0" style="margin:0 auto;">
  <thead>
   <tr>
    <th align="left" class="job_code">In/Out</th>
    <th align="center">Time</th>
    <th align="center">Date</th>
    <th align="center" class="hrs" title="Regular work hours.">Hrs</th>$overtime_col$total_col
    <th align="left" class="notes">Notes</th>
   </tr>
  </thead>
 <tbody>
End_Of_HTML;

然后我有一个PHP-MySQL查询用该结果填充该表，并希望根据job_code类值总计hrs类。我有这个jquery脚本，它适用于JSFiddle（http://jsfiddle.net/Lj6he/）

$(document).ready(function(){

var temp = [];
$('.job_code').each(function(index, element){
    var text = $(this).text();
    temp.push(text);
});

// remove duplicates
var job_code = [];
$.each(temp, function(index, element){
    if($.inArray(element, job_code) === -1) job_code.push(element);
});

var sum = {};
$.each(job_code, function(index, element){
    var total = 0;
    $('.job_code:contains('+element+')').each(function(key, value){
        total += parseInt($(this).next('td.hrs').text());
        sum[index] = {'job_code' : element, 'total': total};
    });
});

console.log(sum);

$.each(sum, function(index, element){
    $('#total').append('<p>Total for '+element.job_code+': '+element.total+'</p>');
});

});

但是当我按照以下方式将它输入我的PHP文件时，它不会显示在JSFiddle上看到的内容......任何想法都非常感激。感谢。

$PAGE_SCRIPT = <<<End_Of_HTML
<script type="text/javascript" src="scripts/jquery.totals.js"></script>
End_Of_HTML;

似乎没有在页面上显示jquery的结果。任何想法都会很棒。

Answer 1

将此行放入html输出的head部分。

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

将为您导入jQuery

ps，请务必在任何依赖项之前包含它

Answer 2

您将输出附加到标识为#total

的不存在的元素

Answer 3

确保在导入javascript代码之前引用jquery库。

缺少示例PHP代码

<div id="total">
</div>

这是添加内容的Div。

Jquery脚本没有在PHP中运行

3 个答案: