.Query()的jQuery问题

时间:2012-01-19 00:51:13

标签: jquery

这个功能开始有什么原因:

$(".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});
    }

});

1 个答案:

答案 0 :(得分:0)

问题与jQuery tablesorter / Pager与表中的EMPTY单元格交互的方式有关。它导致了页面上其余jQuery的某些问题。我从来没有弄明白为什么它会造成问题 - 但只要我强迫角色(非白色空格字符),一切都表现良好。