如何仅在按钮点击时加载？

朋友，我的问题是我的页面加载速度很慢，因为所有的负载都是狡猾的。 我正在提取一个RSS源，如果你单击“文章”按钮，它将弹出一个包含它的内部的模态。 问题是所有的s都是simeltaneously。

这是网站： http ： //daisy.camorada.com/

我已经尝试插入一个src，但这不起作用，因为我猜iframe页面打开时加载。

TEST ME NOW jamison 
 
    $('#miguel').on('click', function() { alert('clicked'); $('#gogogo').attr('href', 'http://www.google.com'); });   $('#jamison').on('click', function() { alert('clicked JAMISON'); $("#yoyoyo").html("
HELLO J

"); });  

Answer 1

HTML：

在你的jQuery中：

 $("button").click(function(){ var iframe = $("#myiFrame"); iframe.attr("src", iframe.data("src")); }); 

或者，如果您想在单击一个按钮时加载所有iframe …确保它们都具有data-src="your.url"属性，然后像这样循环：

 $("button").click(function(){ $("iframe").each(function(){ $(this).attr("src", $(this).data("src")); }); }); 

Answer 2

首先，你没有元素$('#gogogo') 。 框架是#gogo 。

其次，设置它的src而不是href

 $("#myframe").attr('src', 'http://site.com'); 

如果您只想将其设置为某些HTML而不是URL，请使用以下命令：

 $("#myframe").contents().find('html').html("hello"); 

这是一个演示