Jquery load() chargement plus que je veux

Je suis en train de charger le contenu d'un <div> dans un autre <div> sur la même page en utilisant une fonction jquery. Mais lorsque la fonction se déclenche, le document <HTML> est chargé dans le <div> spécifié. Une idée de pourquoi ça ferait ça? Mon code est le suivant:Jquery load() chargement plus que je veux

Jquery:

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

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

Source

2010-05-22 Probocop

.load() est une fonction pour charger une page Web à distance via AJAX, ce que vous voulez est d'utiliser .html(), comme celui-ci :

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

.html() sans paramètre obtient la html à l'intérieur, donc nous l'obtenons à partir du bouton <div>, puis .html(string) définit le code HTML à l'intérieur, ce que nous faisons avec le résultat.

Source

2010-05-22 10:04:38

Jquery load() chargement plus que je veux

Répondre

Questions connexes