0

请与我裸露,因为我的 jQuery 仍然非常有限。

我正在为我的用户管理面板开发动态搜索功能,以便我可以快速查找付款。

为了显示它,我有这个代码:

    <table>
        <tr>
            <td><strong>Username</strong></td>
            <td><strong>E-mail</strong></td>
            <td><strong>Paid</strong></td>
            <td><strong>Trans ID</strong></td>
            <td><strong>Remaining</strong></td>
            <td><strong>Other</strong></td>
        </tr>
<span class="searchResults"></span>
    </table>

我用来将结果添加到跨度中的代码是这样的:

$('#search').keyup(function(){ 
    $(window).keydown(function(event){
        if(event.keyCode == 13) {
            event.preventDefault();
            return false;
        }
    });
   var search = $('#search').serialize();
   $.post('search.php', search, function(result){ 
        $('.searchResults').html(result);
   });
});

触发后,它会很好地发布到 search.php,但结果显示方式出乎我的意料。

它将结果完全放在表格上方。我不知道为什么或如何修复它,谷歌搜索它并不是很成功。谁能指出我做错了什么?

4

2 回答 2

0

无效的 HTML,表中的所有内容都必须在 TR > td

       <table>
        <tr>
            <td><strong>Username</strong></td>
            <td><strong>E-mail</strong></td>
            <td><strong>Paid</strong></td>
            <td><strong>Trans ID</strong></td>
            <td><strong>Remaining</strong></td>
            <td><strong>Other</strong></td>
        </tr>
       <tr><td> <span class="searchResults"></span> </td></tr>
    </table>
于 2012-07-31T20:33:04.780 回答
0

您需要做的是将类添加到表中,然后将结果附加到表中:

<table class='searchResults'>
    <tr>
        <td><strong>Username</strong></td>
        <td><strong>E-mail</strong></td>
        <td><strong>Paid</strong></td>
        <td><strong>Trans ID</strong></td>
        <td><strong>Remaining</strong></td>
        <td><strong>Other</strong></td>
    </tr>
</table>

你的脚本将是:

$('#search').keyup(function(){ 
$(window).keydown(function(event){
    if(event.keyCode == 13) {
        event.preventDefault();
        return false;
    }
});

var search = $('#search').serialize();
   $.post('search.php', search, function(result){ 
        $('.searchResults').append(result);
   });
});

如果每次搜索时都应清除搜索,则应将标题行放入变量/模板中,然后使用

$('.searchResults').html(template + result);
于 2012-07-31T21:49:16.463 回答