2011-11-26 14 views
28

Próbuję dołączyć zewnętrzną zawartość HTML (div dodać pewien tekst wewnątrz tylko do testowania) w ten sposób:jquery dołączania zewnętrznego pliku HTML na mojej stronie

$.get("banner.html", function(data){ 
    $(this).children("div:first").append(data); 
}); 

, który wydaje się być całkiem proste ... ale wydaje się, że nie działa. Dowolny pomysł? Dzięki!

+1

Jaki jest twój '$ (this)'? i możesz spróbować 'jquery load', a nie' get'. – Giberno

Odpowiedz

46

używać HTML zamiast append:

$.get("banner.html", function(data){ 
    $(this).children("div:first").html(data); 
}); 
10

nie jestem pewien co czekasz this odnieść w swoim przykładzie .. tutaj jest alternatywna metoda:

<html> 
    <head> 
     <script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script> 
     <script type="text/javascript"> 
      $(function() { 
       $.get("banner.html", function (data) { 
        $("#appendToThis").append(data); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <div id="appendToThis"></div> 
    </body> 
</html> 
1

Można użyj tutaj funkcji ładowania jQuery.

$("#your_element_id").load("file_name.html"); 

Jeśli potrzebujesz więcej informacji, here is the link.

0
<html> 
    <head> 
     <script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script> 
     <script type="text/javascript"> 
      $(function() { 
       $.get("banner.html", function (data) { 
        $("#appendToThis").append(data); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <div id="appendToThis"></div> 
    </body> 
</html> 
Powiązane problemy