Question

好的，所以我有这个加载外部文件的脚本，但现在我想修改它以便加载内部隐藏的内容。有人可以帮我这个。这个脚本有两个部分：1）当有人用“o-links”类点击某个链接时，它会滑动显示所请求的内容。然后是另一个链接（o-close-link）关闭之前滑动打开的显示区域。

此外，我一直在尝试添加一个gif加载器，但没有运气。我真的希望这个工作，但我试着无济于事。请帮助我修理这个人，任何人。请！

    $(document).ready(function() {

        $('.o-links').click(function() {

            var href = $(this).attr('href');

            $.get(href, function(data){
                $('.reserved-area').hide('fast');
                $('.reserved-area').html(data).slideDown('slow');
            });

            return false;
        });


        $('.o-close-link').click(function() {

            var href = $(this).attr('href');

            $.get(href, function(data){
                $('.reserved-area').hide('fast');
                $('.reserved-area').html(data).slideDown('slow');
            });

            return false;
        });

    });

Answer 1

使用此解决方案，您应该能够通过引用相应链接的href中隐藏元素的ID将隐藏元素的内容加载到.reserved-area中：

$('.o-links').click(function() {

    // href has to be the id of the hidden content element
    var href = $(this).attr('href');
    $('.reserved-area')
        .hide('fast')
        .html($(href).html())
        .slideDown('slow');

    return false;
});

需要帮助修改此内容以加载内部隐藏内容

1 个答案: