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添加井号。