0

テーブルをレスポンシブ（フット可能）にするスクリプトがあります。これは私のニーズには最適ですが、いくつかのajaxを使用してさらにいくつかのテーブル行を取り込みますが、スクリプトはこれらの新しい行に影響を与えません。

ajaxが完了した後でスクリプトを再開しようとしましたが、機能しません。

私の質問は、影響を与えるjqueryを削除して、データがロードされた後に再適用できるようにすることはできますか？

私のjQuery：

jQuery(document).ready(function ($) {
table();

$('#moreevent').click(function(){
var last = $('#the-event tr').length;
$.ajax({
    type: "POST",
    url: "ajax.php",
    data: { levent: last }
}).done(function( data ) {
    $('#the-event').append(data);
    cardbox();
    table();
});

return false;
});

});

function cardbox(){
jQuery('.e-info-more-cont').hide();
jQuery('.e-info-more').mouseover(function(){
    jQuery(this).css({"z-index":"1001"});
    jQuery(this).nextAll(".e-info-more-cont").show();
}).mouseout(function(){
    jQuery(this).nextAll(".e-info-more-cont").hide();
    jQuery(this).css({"z-index":""});
});
}

function table(){

jQuery('.footable').footable();
}
4

1 に答える 1

1

.click()非推奨であり、動的に追加されたアイテムを処理しないものを使用しています。jQueryのバージョンに応じて、.on()（推奨）または.live()

編集：提案されているよう.click()に、非推奨ではありませんが、.on()可能な限り使用することをお勧めします。

于 2013-03-19T15:49:55.303 に答える