jQuery .load過渡和sorttable.js

Question

我有jQuery：

$("#loadBtn").click(function(){
    $('#div1').delay(200).slideUp('slow')
        .load
        ('page2.php #div2').hide().delay(300).slideDown('slow');
        return false;
    });

單擊#loadBtn（位於我的#leftColumn中）后，它會將＃div1完美替換為＃div2。 我在此代碼中有兩個問題。

1） 由GINCHER解決了 ----我無法獲得向上滑動＃div1的功能。 它總是會立即消失並向下滑動＃div2。
如果我使用jQuery：

$("#loadBtn").click(function(){
    $('#div1').delay(200).slideUp('slow')
});

該代碼將完美地滑動＃div1，但是，一旦我添加.load('page2.php #div2')它就會崩潰並逐漸消失，然后向下滑動。

2） 由GINCHER解決了 ----我無法使用sorttable.js獲取＃div2中的表進行排序
我意識到加載后在page1.php上運行的腳本無法應用於通過AJAX加載的元素。

我試圖在加載功能完成后調用新表，

$('#div1').load('page2.php #div2', function() {
    var newTable = document.getElementById('#tableId');
    sorttable.makeSortable(newTable);
});

但這是行不通的。 為了看看會發生什么，我將整個sorttable.js內容粘貼到了

$('#div1').load('page2.php #div2', function() { /*sorttable.js content*/}

這使表正常工作，因為該函數是在加載內容后運行的。 我在做什么錯呢？

Answer 1

1. $('#div1').delay(200).slideUp('slow', function(){ $(this).load('page2.php #div2').hide().delay(300).slideDown('slow'); }); 完成滑動后，執行加載功能。

2. var newTable = document.getElementById('tableId'); -不要在getElementById添加井號。