2013-04-29 88 views
1

我使用.append()来从另一个PHP页面的页面加载动态数据。问题是来自另一个页面的内容有jQuery滚动条和工具提示。如果我在该页面中包含jquery.js和剩余的JavaScript代码,动态加载的内容可以很好地与jquery滚动条和工具提示配合使用,但是如果我删除该页面中的jquery,它将被原始的Windows滚动条和工具提示取代。这是什么解决方案?工具提示,JQuery滚动条不能在Ajax加载的内容中工作

示例代码滚动条,

$('div.box').scrollbars();// scrolbars

PS:我需要在使用时.load()或.append()从第二页删除脚本文件的原因,主机页面冻结,直到动态数据完全加载。

+0

你以后再打电话.scrollbars将加载的内容? – Alex 2013-04-29 07:16:52

+0

@Alex:我尝试使用回调的选项。但它会使页面冻结直到操作完成。 – 2013-04-29 07:17:38

+1

当您在页面中加载内容时,只需再次初始化滚动条即可。不要调用jquery和其他js代码,而是把它们放在你的主页面,然后调用滚动条(); – 2013-04-29 07:19:52

回答

1

这将是一个非常糟糕的做法,在外部文件中再次添加脚本文件。相反,您必须在回调中添加$('div.box').scrollbars();// scrolbars

例子:

$("#samplediv").load('external_page.extension', function() 
{ 
    $("#samplediv").scrollbars(); 
}); 
相关问题