Làm thế nào để sử dụng jquery từ cha mẹ bên trong một khung nội tuyến?

Question

Tôi có một tệp, hãy gọi cho chúng tôi là parent-win.html, được phân phối theo tên miền example.com. Tệp này có chứa jquery trong đó. Khung nội tuyến, cho phép gọi iframe-win.html, được nhúng trong trang này. iframe-win.html có phần tử biểu mẫu có id form-elem và giá trị Hello World!. Bây giờ tôi làm theo bên trong iframe.

var jQuery = parent.jQuery; 
console.log(jQuery('#form-elem').val()); 

Theo kiến ​​thức hạn chế của tôi về JS, tôi nên xem Hello World! trên bảng điều khiển nhưng thay vào đó tôi thấy không xác định. Bây giờ, câu hỏi của tôi là tôi cần phải tải jquery một lần nữa trong một khung nội tuyến hoặc tôi có thể sử dụng đối tượng jquery đã được tải trong cửa sổ cha mẹ?

Lưu ý rằng đây không phải là nội dung iframe/nội dung gốc truy cập thông thường từ parent/iframe.

Answer 1

thử này trong iframe:

if (typeof(jQuery) == "undefined") { 
    var iframeBody = document.getElementsByTagName("body")[0]; 
    var jQuery = function (selector) { return parent.jQuery(selector, iframeBody); }; 
    var $ = jQuery; 
} 

Answer 2

Bạn cần tải jQuery bên trong iframe.

EDIT: OK, nếu khung không nằm trên cùng một tên miền, thì bạn thực hiện không phải phải tải lại jQuery. Xem Access jQuery library from iframe

Answer 3

Dưới đây là một giải pháp tốt hơn dựa trên câu trả lời của Moin:

if (typeof(jQuery) == "undefined") { 
    window.jQuery = function (selector) { return parent.jQuery(selector, document); }; 
    jQuery = parent.$.extend(jQuery, parent.$); 
    window.$ = jQuery; 
} 

Vì vậy, chúng ta có thể sử dụng $ 's chức năng như $ .get, $ .extends, v.v.