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 に答える