iframe tải chậm (trì hoãn src http gọi) với jquery

Question

Tôi đang tìm kiếm một cái gì đó tương tự như jQuery image lazy load plugin, nhưng đối với iframe s.

Answer 1

Điều này phù hợp với tôi.

var iframes = $('iframe'); 

$('button').click(function() { 
    iframes.attr('src', function() { 
     return $(this).data('src'); 
    }); 
}); 

iframes.attr('data-src', function() { 
    var src = $(this).attr('src'); 
    $(this).removeAttr('src'); 
    return src; 
}); 

jsFiddle.

Answer 2

Bạn luôn có thể intialize thuộc tính src thành about: blank và sau đó khi sự kiện nhấp của bạn kích hoạt, hãy đặt thuộc tính src cho URL bạn muốn điều hướng đến.

Answer 3

Bạn có thể đặt src thành about: blank không? Như thế này?

http://jsfiddle.net/MaUfH/

Answer 4

Một similar question gần đây đã được đăng tải cụ thể để khung nội tuyến với các tab Twitter Bootstrap dựa trên, mà tôi answered sử dụng một kỹ thuật gọi tôi Lazy Loading of iFrames. Js/jquery như sau; xem mã đầy đủ bao gồm đánh dấu html trong fiddle hoặc trên phản ứng của tôi vào OP:

<script> 
$('#myTabs').bind('show', function(e) { 

// identify the tab-pane 
paneID = $(e.target).attr('href'); 

// get the value of the custom data attribute to use as the iframe source 
src = $(paneID).attr('data-src'); 

//if the iframe on the selected tab-pane hasn't been loaded yet... 
if($(paneID+" iframe").attr("src")=="") 
{ 
    // update the iframe src attribute using the custom data-attribute value 
    $(paneID+" iframe").attr("src",src); 
} 
}); 
</script> 

Answer 5

Nếu bạn muốn làm điều này trong WordPress

Dưới đây là một số tự động, yêu cầu giảm, giải pháp

Trong biểu mẫu plugin WordPress

Đây là plugin WordPress bạn có thể tải xuống và cài đặt thủ công qua kho lưu trữ plugin WordPress. Tôi tạo ra điều này ngày hôm nay chỉ để xử lý tình trạng này. Không cần thay đổi nội dung, thao tác này sẽ tự động hoạt động sau khi được kích hoạt trên bất kỳ và tất cả iframe.

https://wordpress.org/plugins/lowermedia-iframes-on-demand/