Question

当我点击页面上的链接时，我在页面上有多个隐藏的div，每个div包含不同的内容。

<a href="#contentone" class="clicky">Load content one</a>
<a href="#contenttwo" class="clicky">Load content two</a>

<div id="contentone">Some content here to be loaded into another div</div>
<div id="contenttwo">Some content here to be loaded into another div</div>

<div id="slider">
  This content to be replaced by content from links/hidden divs
</div>

目前我有这个设置，所以它从外部源加载内容，但我更喜欢它填充页面上隐藏内容的滑块（如上所述）。

我当前的jquery在下面，希望这个转换为在与外部文件相对应的页面上的隐藏div中工作。

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$(function () {
    $(".clicky").click(function () {
                var url = this.href;
                var e = $("#slider");
                e.load(url, function() {
                    e.animate({width: "show"}, 500);
                });
                return false;
    });
});
});//]]>  

</script>

Answer 1

您无需使用.load。

$(function () {
    $(".clicky").click(function () {
        var content_id = $(this).attr('href');
        $('#slider').hide().html($(content_id).html()).show(500);
        return false;
    });
});

的 THE WORKING DEMO 的

jQuery：将Div内容加载到另一个div中？

1 个答案: