Javascript jQuery简单地将内容加载和卸载到DIV中

我知道以前有人问过这个问题，但我无法得到我需要的答案，因此我将尝试简化它：

当我单击.LINK时，我想用其他div填充#网格内容，所以我使用*：

$(".LINK").click(function(){
    $( "#GRID" ).load('my_linked_file.html .other_divs');
});

到目前为止还不错。但现在我有了第二个链接，我想用它来“还原”这个加载的内容，回到它的原始状态。我只是在重新做同样的事情，但似乎不起作用

$(".LINK2").click(function(){
    $( "#GRID" ).load('my_original_file.html .my_original_divs');
});

我很乐意上传一个JSFIDLE，但是.load只能在服务器上工作。如果有帮助的话，我可以上传一个JSFIDLE用于演示（布局）目的

（*我见过很多人建议使用隐藏和显示方法。但我有很多内容丰富的链接，我认为这样做会显著降低我的页面速度）

有什么想法吗？

这有帮助吗

$( "#GRID" ).html('').load('my_original_file.html .my_original_divs');

---

像这样的事情对我很有用：

<a href="my_linked_file.html" class="LINK">Click Me</a>
<a href="my_original_file.html" class="LINK2">Click Me 2</a>
<div id="GRID"></div>

<script type="text/javascript">
$('.LINK').on('click', function (event) {
    event.preventDefault();

    $('#GRID').load($(this).attr('href') + ' .other_divs');
});
$('.LINK2').on('click', function (event) {
    event.preventDefault();

    $('#GRID').load($(this).attr('href') + ' .original_divs');
});
</script>

$（'.LINK'）。在（'click'，函数（事件）{
event.preventDefault（）；
$（'#GRID'）.load（$（this.attr（'href'）+'.other_divs'）；
});
$（'.LINK2'）。在（'click'，函数（事件）{
event.preventDefault（）；
$（'#GRID'）.load（$（this.attr（'href'）+'.original_divs'）；
});

我通过将最后一个函数更改为：

$('.LINK2').delegate("a", "click", function(e){
    e.preventDefault();

 $('#Grid').load($(this).attr('href') + ' .thumbs');

});

---

我不知道这是否是因为.LINK2按钮增加了切换功能，但它不起作用：（尝试preventDefault（）和stopPropagation（））在.LINK2上单击并查看是否是这样…这非常有效，直到我尝试将其添加到DIV内的链接。如下所示：因此，当与函数相关联的链接位于GRID DIV之外时，它是可以的，但是如果它是它的子项，那么它将不起作用。您知道如何修复此问题吗？非常感谢您打开指向“project\u sample.html”的链接将成为LINK或LINK2类？如果您打算将其放在您的评论中，它仍然适用于我：。我将其添加到原始文档中，并获得了所需的结果。然后我将其添加到通过jQuery函数从主页加载的内容中，并且链接仍然以div#GRID为目标。jraderson-这几乎是错误的好了，谢谢！它可以工作，但只工作一次。如果我点击link，它会完美地加载.other_div。然后我点击LINK2，它会返回到.original_divs.Perfect。但是如果我再次点击link，它不会运行默认值并加载完整的my_linked_file.html。你知道为什么会发生这种情况吗？这是一个JSFIDLE，所以你可以A请看代码。非常感谢！