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 (位于我的左列中)时，它将#div2 1完全替换为#div2 2。但是，这个代码有两个问题。

1) 由GINCHER 解决-我不能让函数向上滑动#div1 1。它总是会立即褪色并滑落#div2 2.

如果我使用jQuery：

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

这段代码将完美地滑动#div1 1，但是一旦我添加了.load('page2.php #div2')，它就会在滑落之前崩溃和消失。

2)由GINCHER 解决的--我不能让#div2 2中的表使用进行排序。

我意识到加载时运行在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中添加哈希标签。