工具提示，JQuery 滚动条在 Ajax 加载的内容中不起作用答案

【问题标题】：Tooltip, JQuery scrollbars not working in Ajax loaded content工具提示，JQuery 滚动条在 Ajax 加载的内容中不起作用
【发布时间】：2013-04-29 07:14:53
【问题描述】：

我使用.append() 从另一个 PHP 页面加载页面中的动态数据。问题是来自另一个页面的内容有 jquery 滚动条和工具提示。如果我在该页面中包含 jquery.js 和剩余的 javascript 代码，则动态加载的内容可以很好地与 jquery 滚动条和工具提示配合使用，但如果我在该页面中删除 jquery，它将被原始 Windows 滚动条和工具提示替换。对此有什么解决方案？

示例滚动条代码，

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

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

【问题讨论】：

之后你会再次调用 .scrollbars 来加载内容吗？
@Alex：我使用回调尝试了该选项。但它会使页面冻结，直到操作完成。
当您在页面中加载内容时，只需再次初始化滚动条。不要调用 jquery 和其他 js 代码，而是将它们放在你的主页中，然后调用 scrollbars();
那么我假设您的标记/ html 有问题，因为应用滚动条（）需要多长时间？通常这没什么大不了的，这根本不需要很长时间。尝试在没有任何 js/css 的情况下加载 html，完成加载后，从原始页面调用 .scrollbars()

标签： jquery load append tooltip

【解决方案1】：

在外部文件中再次添加脚本文件确实是一种不好的做法。相反，您必须在回调中添加$('div.box').scrollbars();// scrolbars。

例子：

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

【讨论】：