JQuery工具提示在ajax加载后不起作用
JQuery Tooltip doesn't work after ajax load
我的网站上有这样的代码:
$(document).ready(function() {
$('.tooltip-game').jBox('Tooltip', {
closeOnMouseleave: true,
ajax: {
url: 'tooltips/tooltip-game-html.jsp',
reload: true,
getData: 'data-ajax',
setContent: true,
spinner: true
}
});
$( '#tabs-1' ).tabs({
beforeLoad: function( event, ui ) {
ui.panel.html('<div style="text-align: center; vertical-align: middle;"><img src="images/loading.gif" />');
ui.jqXHR.fail(function() {
ui.panel.html("Couldn't load this tab. We'll try to fix this as soon as possible." );
});
}
});
});
我使用jQuery选项卡和jQuery工具提示,但在用ajax加载外部文件后,工具提示不起作用。我知道我必须使用。on()函数,但我不知道如何使用:
非常感谢你的建议。
需要在异步调用结束后初始化工具提示。
function tooltips() {
$('.tooltip-game').jBox('Tooltip', {
closeOnMouseleave: true,
ajax: {
url: 'tooltips/tooltip-game-html.jsp',
reload: true,
getData: 'data-ajax',
setContent: true,
spinner: true,
//Take a look to this line
success: function() {
tooltips();
}
}
});
}
$( '#tabs-1' ).tabs({
beforeLoad: function( event, ui ) {
ui.panel.html('<div style="text-align: center; vertical-align: middle;"><img src="images/loading.gif" />');
ui.jqXHR.fail(function() {
ui.panel.html("Couldn't load this tab. We'll try to fix this as soon as possible." );
});
}
});
});
相关文章:
- JavaScript链接在点击时不起作用;函数在页面加载时工作
- Jquery(多读/少读)在从数据库加载整个数据后不起作用
- 加载后的页面与ajax表单提交不起作用
- jQuery加载完成事件不起作用
- $(select).selectmenu('打开')不'如果使用ajax加载页面,则不起作用
- 使用requireJS的jqGrid-网格加载但不起作用
- 加载自定义类在ExtJs中不起作用
- jQuery Mobile pageinit在第一次加载页面上不起作用(可复制)
- jquery ias插件不适用于我的网站,加载更多项目不起作用
- getUserMedia()在使用Ajax加载时不起作用
- 同一页面上的 mysql 中的 Ajax 加载表不起作用
- 按钮在第一次成功的 ajax 数据加载后不起作用
- 谷歌将部分页面加载后自动完成不起作用 ASP.Net MVC
- 使用 jQuery .load() 加载的内容不起作用
- HTML 不加载 CSS ,刷新后一切正常.同样在移动设备上,它在首次加载时不起作用
- ng-view 中的脚本在从文件引用时不起作用(JQuery 在角度之前加载)
- JavaScript 图像加载器不起作用
- 淡出加载然后淡入不起作用
- 使用 jquery 在我的网站中加载其他网页不起作用
- 在加载javascript之前让页面加载的代码不起作用