Question

我知道之前已经问过这个问题，但我无法得到我需要的答案，所以我将尝试简化它：

当我点击.LINK时，我希望#GRID内容被其他div填充，所以我正在使用*：

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

到目前为止一切顺利。但是现在我有了第二个链接，我想用它来“恢复”这个加载的内容，回到原来的状态。我只是一遍又一遍地做同样的事情，但似乎没有用。

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

我很乐意上传一个jsfiddle，但.load仅适用于服务器。如果有帮助，我可以上传一个jsfiddle用于插图（布局）目的吗？

（*我见过很多人建议使用隐藏和显示方法。但是我有足够的链接和大量的内容，我假设这样做会明显减慢我的页面速度）

有什么想法吗？

Answer 1

这有用吗？;

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

Answer 2

这样的事情对我有用：

<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>

Answer 3

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

来修复此问题

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

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

});

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

3 个答案: