首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在ajax请求之后,tipTip使用tiptip和jquery on()

在ajax请求之后,tipTip使用tiptip和jquery on()
EN

Stack Overflow用户
提问于 2011-12-05 21:39:11
回答 1查看 933关注 0票数 1

我使用的是wordpress + ajax日历未来发布插件( http://wordpress.org/extend/plugins/wordpress-plugin-ajax-calendar-with-future-posts/ )+ tiptip插件http://code.drewwilson.com/entry/tiptip-jquery-plugin。我设法让它们一起工作,尽管提示只在第二次悬停时有效-我的意思是,当你在ajax请求提示不显示后第一次悬停元素时。我使用日历作为我主页上的一个小部件。

这是我激活tiptip的方式。

代码语言:javascript
复制
jQuery(document).ready(function( $ ) {

    $("#wp-calendar").on("hover"," td a", function(){ $(this).tipTip(); });
...
});

在初始加载时,如果我使用

代码语言:javascript
复制
$("#wp-calendar td a").tipTip();

,但它在ajax请求后消失。

问题是我如何让提示显示它应该显示的方式:在“第一次悬停”时,鼠标键,鼠标悬停等等。我已经尝试了所有这些事件。AKA:如何让第一段代码正常工作?

我试图找到一个答案,这让我走到了现在的阶段。这超出了我的“现在技能”,无法通过这个测试。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-12-05 21:45:57

好吧,我认为如果你做了一个AJAX调用并重新创建了elemenets,你必须重新初始化插件。我觉得你应该把这个电话

代码语言:javascript
复制
 $("#wp-calendar td a").tipTip();

在插入新元素之后,在ajax调用的成功处理程序中。如果不能控制ajax调用,可以尝试使用ajaxComplete()

代码语言:javascript
复制
$('body').ajaxComplete(function(e, xhr, settings){
     $("#wp-calendar td a").tipTip();
});

如果你这样做,我想你可以取消这个电话:

代码语言:javascript
复制
$("#wp-calendar").on("hover"," td a", function(){ $(this).tipTip(); });

因为您已经重新应用了插件。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8386176

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档