这个功能开始有什么原因:
$(".inner").each(function() {
无法在完整的页面中使用类inner
处理每个div:
<div class="inner">
这是我的主要问题。我已经调试了过去24小时,我得出的结论是jQuery函数甚至没有在它应该的每个地方进行处理。这是我的简单测试:
$(function() {
$(".inner").each(function() {
var inner = $(this);
var plusMore = $("<div>HELLO!!!</div>");
plusMore.insertBefore($(inner));
});
});
在表格内的相同代码行上,我只能在少数几个表行中获得此代码的功能(并查看“HELLO !!!”)。我只是无法理解......
---- 更新HTML / SMARTY ----
<td>
{if $results[i].people}
<div class="outer peoplecol">
<div class="inner">
{foreach from=$results[i].people item=people}
<div style="line-height:12px; margin-bottom:10px;">
{if $people.pending eq 0}
<a href="Editpeople.php?tid={$people.id}" title="People Details" style="text-decoration:none">
{/if}
{$people.firstName} {$people.lastName}
{if $people.pending eq 0}
</a>
{/if}
</div>
{/foreach}
</div>
</div>
{else}
<div class="outer peoplecol">
None
</div>
{/if}
</td>
另外 - 我正在使用jQuery TableSorter。我刚试过禁用,它有效,所以它必须与此冲突......!
---更新添加表SORTER代码----
$(document).ready( function () {
// TableSorter
if ($("#dt-results").find("tbody").find("tr").size() > 0)
{
$("#dt-results")
.tablesorter({
widgets: ['zebra'],
sortList: [[0,1]],
headers: {
1: {
sorter:'currency'
}
},
textExtraction: function(node) {
if ($(node.innerHTML).hasClass('outer') && $(node.innerHTML).hasClass('peoplecol')) {
if ($.trim($(node).text()) == 'None') {
return 'z'; //so that none comes last
}
}
return $(node).text();
}
})
.tablesorterPager({container: $("#pager")})
.tablesorterFilter({filterContainer: $("#filter-box"),
filterClearContainer: $("#filter-clear-button"),
filterCaseSensitive: false,
filterWaitTime: 10});
}
});
答案 0 :(得分:0)
问题与jQuery tablesorter / Pager与表中的EMPTY单元格交互的方式有关。它导致了页面上其余jQuery的某些问题。我从来没有弄明白为什么它会造成问题 - 但只要我强迫角色(非白色空格字符),一切都表现良好。