工具提示，JQuery滾動條不能在Ajax加載的內容中工作

我使用.append()來從另一個PHP頁面的頁面加載動態數據。問題是來自另一個頁面的內容有jQuery滾動條和工具提示。如果我在該頁面中包含jquery.js和剩餘的JavaScript代碼，動態加載的內容可以很好地與jquery滾動條和工具提示配合使用，但是如果我刪除該頁面中的jquery，它將被原始的Windows滾動條和工具提示取代。這是什麼解決方案？工具提示，JQuery滾動條不能在Ajax加載的內容中工作

示例代碼滾動條，

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

PS：我需要在使用時.load（）或.append（）從第二頁刪除腳本文件的原因，主機頁面凍結，直到動態數據完全加載。

來源

2013-04-29 Viswalinga Surya S

你以後再打電話.scrollbars將加載的內容？ – Alex 2013-04-29 07:16:52

@Alex：我嘗試使用回調的選項。但它會使頁面凍結直到操作完成。 – 2013-04-29 07:17:38

當您在頁面中加載內容時，只需再次初始化滾動條即可。不要調用jquery和其他js代碼，而是把它們放在你的主頁面，然後調用滾動條（）; – 2013-04-29 07:19:52

這將是一個非常糟糕的做法，在外部文件中再次添加腳本文件。相反，您必須在回調中添加$('div.box').scrollbars();// scrolbars。

例子：

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

來源

2013-07-19 01:32:57

工具提示，JQuery滾動條不能在Ajax加載的內容中工作

回答

相關問題