jQuery load（）加载超过我想要的

Question

I am trying to load just the contents of a <div> into another <div> on the same page using a jquery function. 我正在尝试使用jquery函数将<div>的内容仅加载到同一页面上的另一个<div> 。 But when the function triggers, it loads the entire <HTML> document into the specified <div> . 但是当函数触发时，它将整个<HTML>文档加载到指定的<div> 。 Any idea why it would be doing this? 知道为什么会这样做吗？ My code is as follows: 我的代码如下：

Jquery: jQuery的：

function button1() {
    $('#sidebar-content').fadeOut(function() {
        $(this).load('#button1').fadeIn();
    });
}
function button2() {
    $('#sidebar-content').fadeOut(function() {
        $(this).load('#button2').fadeIn();
    });
}

HTML: HTML：

<div id="content-holder"> 
    <div id="main-content" class="float-holder"> 
        <div id="inner">
            <h1>BRAND TRUTH</h1>
            <div id="flashcontent">
                <div id="button1">
                    <div id="content">
                        <h1>Brand Truth</h1>
                        <p>What this basically means is our way of working, the process involved by both ourselves and our client.</p>

                        <p>When the truth wheel process is followed, the end result is so much stronger.</p>
                    </div>
                </div>
                <div id="button2">
                    <div id="content">
                        <h1>Button 2 Content</h1>
                        <p>Some other content</p>

                        <p>Some other content x2</p>
                    </div>
                </div>
            </div>
            <script type="text/javascript">
                // <![CDATA[

                var so = new SWFObject("working.swf", "working", "400", "400", "9", "#FFFFFF");
                so.write("flashcontent");

                // ]]>
            </script>

        </div>
        <div id="sidebar">
            <div id="sidebar-content">
                Replace Content Here!
            </div>
        </div>
    </div><!-- end #main-content --> 
</div><!-- end #content-holder -->

Answer 1

.load() is a function to load a remote webpage via AJAX, what you want is to use .html() , like this: .load()是通过AJAX加载远程网页的功能，您要使用.html() ，如下所示：

function button1() {
    $('#sidebar-content').fadeOut(function() {
        $(this).html($('#button1').html()).fadeIn();
    });
}
function button2() {
    $('#sidebar-content').fadeOut(function() {
        $(this).html($('#button2').html()).fadeIn();
    });
}

.html() without a parameter gets the html inside, so we're getting it from the button <div> , then .html(string) sets the html inside, which we're doing with the result. 没有参数的.html()获取html的内部内容，因此我们从按钮<div>获取它，然后.html(string)设置html的内部内容，并对结果进行处理。

jQuery load（）加载超过我想要的

问题描述

1 个解决方案

解决方案1
5 已采纳 2010-05-22 10:04:38

jQuery load（）加载超过我想要的

问题描述

1 个解决方案

解决方案1 5 已采纳 2010-05-22 10:04:38

解决方案1
5 已采纳 2010-05-22 10:04:38