2011-11-26 31 views
28

Tôi đang cố gắng để thêm một nội dung bên ngoài html (div cộng với một số văn bản bên trong chỉ để thử nghiệm) theo cách này:jquery thêm tập tin html bên ngoài vào trang của tôi

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

Đó có vẻ là khá đơn giản ... nhưng nó dường như không hoạt động. Bất kỳ ý tưởng? Cảm ơn!

+1

'$ (this)' này là gì? và bạn có thể thử 'jquery load', không phải' get'. – Giberno

Trả lời

46

Sử dụng html thay vì append:

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

tôi không chắc chắn những gì bạn đang mong this để tham khảo trong ví dụ của bạn .. đây là một phương pháp thay thế:

<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

Bạn có thể sử dụng chức năng tải của jquery ở đây.

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

Nếu bạn cần thêm thông tin, 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> 
Các vấn đề liên quan