Javascript .load（）ajax链接与loader的缩写

以下是代码的结构： 虽然它在js fiddle上并没有真正起作用，但代码本身也在起作用，因为我已经通过firefox在本地对它进行了测试

这就是我所依据的：

jquery/ajax：

$('#ep-101').click(function(){$('.main-container').load('link.html #ep101').hide().fadeIn(800);});
$('#ep-102').click(function(){$('.main-container').load('link.html #ep102').hide().fadeIn(800);});
$('#ep-103').click(function(){$('.main-container').load('link.html #ep103').hide().fadeIn(800);});
$('#ep-104').click(function(){$('.main-container').load('link.html #ep104').hide().fadeIn(800);});
$('#ep-105').click(function(){$('.main-container').load('link.html #ep105').hide().fadeIn(800);});

所以我的问题是，有没有一种方法可以让它像一个更短的代码，只需要获取这些#10n的值，或者假设会有一个不同的页面，它有自己的唯一ID嵌套，而不需要单独键入它们？对于ajax，我仍然有很多不理解的地方，所以如果有人能帮助我，我将不胜感激&至少解释一下它的要点

我在网上到处看看，但我真的被卡住了。我还发现，至少可以添加转换，但它的编码方式是，它将只具有传入页面的转换&而不是将被替换的页面。我也有一个问题与页面加载程序的影响，但我会保存它时，我被困在那里

---

提前感谢。=）

使用类而不是

id

。设置单击时要加载的

href

属性，并通过

$（this.attr（'href'）

访问该属性

---

如果需要加载来等待容器隐藏动画，可以采用其他方式

$('.load-me').click(function(e){
    e.preventDefault();
    // get the url from clicked anchor tag
    var url = $(this).attr('href');
    // fade out the container and wait for animation complete
    $('.main-container').fadeOut(200, /* animation complete callback: */ function(){
        // container is hidden, load content:
        $(this).load(url, /* load complete callback: */ function() {
            // content is loaded, show container up
            $(this).slideDown(200);
        });
    });
});

---

mm。。。代码让我开始…&这真是节省空间。谢谢虽然我如何使它，使只有一个特定的div与一个id从链接将是唯一一个加载到该div的方向？我尝试使用link.html#id1#id2等等，但它会加载整个页面。。。让我们看看。。。就像你在同一个html页面上做的+那些书签一样。如果将它们分离到各自的页面语义方面会更好吗编辑哦，等等，我刚看到你的更新，现在让我检查一下。=）@rlxa，如果我理解正确的话-您希望加载一个包含一些元素的HTML页面。从加载的HTML中，您只需要提取某个元素并将其显示在容器中，而不是显示整个加载的内容？是的，这是正确的&事实上，这就做到了。。。我在href链接中所做的只是类似于“link.html#id1”和#id2等等。我只是在地址和书签之间加了一个空格。实际上现在很好。我更了解这一点。谢谢你，伙计。实际上，只有最后一个问题。在语义上这样更好，还是我必须把它们分成各自的不同页面？@rlxa，很难回答这个问题。这一切实际上取决于应用程序的类型。在某些情况下，你需要对你加载的内容有更多的控制，但尽管这对你来说没有无法回避的问题，但你没有理由用其他方式来做。看。。。我有点希望得到类似的答案。呵呵。我不想把它们分开，因为有很多。。。但是如果我能把这些html数据存储在php中，也许我会尝试学习一些php。你帮了大忙。非常感谢

$('.load-me').click(function(e){
    e.preventDefault();
    $('.main-container').hide().load($(this).attr('href'), function() {
        // ...
        $(this).fadeIn(800);
    })
});

$('.load-me').click(function(e){
    e.preventDefault();
    // get the url from clicked anchor tag
    var url = $(this).attr('href');
    // fade out the container and wait for animation complete
    $('.main-container').fadeOut(200, /* animation complete callback: */ function(){
        // container is hidden, load content:
        $(this).load(url, /* load complete callback: */ function() {
            // content is loaded, show container up
            $(this).slideDown(200);
        });
    });
});