javascript - 打开和关闭包含其他文件的 div

Question

我有一个页面

ma​​ster.html

使用这些脚本:

<script type="text/javascript">
$(document).ready(function() {
    $('a.art').click(function() {var url = $(this).attr('href');
        $('#contentart').load(url);
        $('html,body').animate({scrollTop: parseInt($('#contentart').offset().top)}, 'slow');
        $('.show_hide').click(function(){
            $("#contentart").slideToggle();
        });
        return false;
    });
});
</script>

和

<script>
$(document).ready(function() {
    $('a[href^="#"]').on('click',function (e) {
        e.preventDefault();
        var target = this.hash,
        $target = $(target);
        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    });
});
</script>

在正文中:

<div class="one">
<a class="art" href="file1.html">link</a>
<a class="art" href="file2.html">link</a>
<a class="art" href="file3.html">link</a>
<a class="art" href="file4.html">link</a>
ecc ecc
</div>

单击这些链接将打开此 div 中的相关文件 file_.html:

<div style="width: 100%" id="contentart"></div>

对 div contentart 进行柔和的移动

在正文中我有这个链接

<a href="#qui"cursor: pointer;" class="show_hide">close the div</a>

对于一个新的选择；此函数关闭 div 并上升到顶部。

但是所有功能都不能很好地工作:打开速度很慢，如果我第二次打开链接(ALTRO)不会打开新的。这里是测试链接:

http://vangelodelre.it/test/files/contenuti.html

请帮助我修复所有问题，因为我不是开发人员。

Answer 1

速度很慢，因为您不仅加载文本，还加载一堆样式表和其他根本不属于正文的内容。

你甚至强制重新加载jquery(这是巨大的)。检查单击 FireBug 网络控制台中的链接时会发生什么。

所有 GET 都会在您单击链接后发送。我不完全理解你的代码，有很多混淆的代码，但它有严重的错误。