tôi thử như sau:Làm thế nào để tải một số html và nối thêm vào <body> với jQuery?
$.load("Views/chatBox.html").appendTo('body') is not working!
TypeError: $.load is not a function
EDIT: Câu trả lời sẽ chỉ có một dòng mã, như vậy là đủ, tôi nghĩ
Tôi không hiểu lý do tại sao đặt container ở dưới cùng của cơ thể và tải trang bên ngoài vào đó không phải là những gì bạn cần?
Những gì bạn có thể thử loại này là:
<script type="text/javascript">
$(function() {
$("#container").load("Views/chatBox.html",function(){
$(this).clone().appendTo("body").remove();
});
});
</script>
Nhưng im không chắc chắn 100% về mã này ... :)
Ở đây bạn đi:
<script type="text/javascript">
$(function() {
$("body").load("Views/chatBox.html");
});
</script>
"Tải HTML từ tệp từ xa và đưa vào DOM." Vì vậy, bạn chỉ cần một số bộ chọn để thực hiện việc tiêm. ;) Aka - vâng, tải công việc phụ thêm. Kiểm tra bản demo mà tôi đã tạo và đăng và hướng dẫn đó, nó đã giúp tôi rất nhiều. – Gavrisimo
Ồ, không, nó sẽ thay thế toàn bộ trang bằng Views/chatBox.html, đó không phải là những gì tôi mong muốn. Tôi cần phải thêm nó vào
. – omgVâng những gì tôi đang làm là có một số container, trong bản demo đó là #majice, và nó là sản phẩm nào. Sau đó, tôi tải trang bên ngoài vào đó. Có ý nghĩa? – Gavrisimo
Khi tôi cố gắng ra giải pháp GaVrA của tôi tìm thấy nó có thể còn đơn giản hơn:
<script type="text/javascript">
$(function() {
$("#container").load("external.html").appendTo("body");;
});
</script>
Tôi đoán appentĐể tự động xóa một phiên bản trước? Có lẽ tôi đang thiếu một cái gì đó ở đây?
Không, tất cả các câu trả lời đều không đúng vì chúng dựa vào việc có một vùng chứa riêng biệt!
Làm điều này:
$.ajax({
url: "your.html",
success: function (data) { $('body').append(data); },
dataType: 'html'
});
+1, điều này chính xác nối nội dung vào BODY, thx để chia sẻ! – Igor
Tôi có datepicker nhỏ hiển thị ngày hiện tại và ngày hôm sau. Tôi đã sử dụng những gì bạn đã viết, nhưng có vấn đề, vấn đề là dữ liệu không cập nhật, nhưng khi tôi làm mới trang nó cập nhật. Tôi sử dụng wordpress và plugin cho phép chạy jQuery. –
@ hanan-mstudio Điều đó có vẻ giống như một câu hỏi hoàn toàn khác và có lẽ không liên quan gì cả đến câu trả lời tôi đưa ra. Bạn có thể đăng câu hỏi mới không? –
Một giải pháp thay thế:
jQuery('#AppendToMe').append(jQuery('<div>').load(...));
này sẽ nối bất cứ điều gì bạn nạp vào các yếu tố #AppendToMe.
Đã thêm câu trả lời của người phá rừng. ;) – Gavrisimo