Question

我正在使用jquery，我有一个问题，即从服务器加载内容，将内容与页面上已有的其他内容分开，然后在内容（来自服务器）加载后立即执行某些操作操纵。

我得到的问题是一些css样式被覆盖。

我面临两种情况：

1）根据我的阅读，您可以使用jquery load（）方法从服务器加载内容，然后提供将在内容完成加载时运行的回调。但是我无法将内容样式和某些javascript函数分开运行。

这是我正在使用的jquery代码：

$('#ContentIn').load('the_url_of_the_content_to_load', callback_function_to_run())

但是在情况一的情况下，我无法将服务器中的内容与页面上的内容分开。

2）然后我尝试使用iframe：

$('#ContentIn').append( '<iframe src="' + object.responseJSON.the_url + '"></iframe>' );

请注意，我使用Ajax获取网址，然后我成功将iframe注入当前页面的主体。

但是对于情况二，我在iframe完成加载内容后无法运行函数。

希望得到答案，

MMK

Answer 1

你可以试试这个： -

$('#ContentIn').append( '<iframe onload="myfunction()" src="' + object.responseJSON.the_url + '"></iframe>' );

function myfunction()
{
//write your code here
}

加载内容并分离内容V / S加载iframe？

1 个答案: