在jquery .load()之后保留jquery-ui元素类

前端之家收集整理的这篇文章主要介绍了在jquery .load()之后保留jquery-ui元素类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个页面,我正在使用jQuery UI Tabs,我正在做的是通过Ajax加载每个选项卡的内容,但我遇到的问题是,在我的选项卡的内容中,按钮(我是使用jQuery ui button)丢失所有jquery ui类,意思是:

页面第一次加载时,我的按钮看起来像这样:

正如您所看到的,我的按钮具有所有jquery-ui类ui-button,ui-widget等….此外,我的按钮有一个span,它显示一个加号()作为我的按钮的标签.因此,我的按钮显示正确.

但是当我通过Ajax加载相同的内容(包含相同的按钮)时,我的按钮变为如下:

如您所见,我丢失了按钮的所有jQuery ui类.因此,按钮没有样式

我怎样才能解决这个问题?

注意:请注意,我没有手动将这些jquery-ui类添加到我的HTML中的按钮.使用$(“.my_button”).button()初始化按钮时;在jQuery中,jQuery会自动将所有必需的jquery-ui类适当地应用到我的按钮中.所以请不要告诉我这是因为我没有事先将jquery-ui类分配给我的按钮(我不应该).此外,我尝试了.live(),.delegate(),这些都没有.

请帮助我这个人

谢谢

最佳答案
我曾经遇到过这个问题并使用document.ready调用解决了这个问题

function myreadyFunc(){
    $(".my_button").button();
    // Other codes
}

我有我的文件.就像下面一样

$(document).ready(function(){
    myreadyFunc();
});

每次ajax(成功)调用之后我都会打电话

myreadyFunc();

希望这也会对你有所帮助.我使用这种方法来执行document.ready的代码,这是在每次ajax调用之后调用document.ready无法实现的.

原文链接:https://www.f2er.com/jquery/428063.html

猜你在找的jQuery相关文章