tipTip在ajax请求之后使用tiptip和jquery on()处理’秒’hover

我正在使用wordpress + ajax日历未来的post插件( http://wordpress.org/extend/plugins/wordpress-plugin-ajax-calendar-with-future-posts/)+ tiptip插件http://code.drewwilson。 com / entry / tiptip-jquery-plugin 。 我设法让他们一起工作,虽然tiptip只适用于第二次hover – 我的意思是当你第一次在ajax请求tiptip没有显示时hover元素。 我在主页上将日历用作小部件。

这是我激活tiptip的方式。

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

如果我使用它,它适用于初始加载

 $("#wp-calendar td a").tipTip(); 

,但它在ajax请求后消失了。

问题是如何让tiptip显示它应该显示的方式:在’第一个hover’,mouseenter,mouseover等等。我已经尝试了所有这些事件。 AKA:如何使第一段代码正常工作。

我试图找到一个答案,这让我进入了现在的舞台。 通过这个超出我的“现在技能”。

好吧,我认为如果你进行AJAX调用并重新创建elemenets,你必须重新初始化插件。 我想你应该接听这个电话

  $("#wp-calendar td a").tipTip(); 

在插入新元素之后,在ajax调用的成功处理程序中。 如果你无法控制ajax调用,请尝试使用ajaxComplete()

 $('body').ajaxComplete(function(e, xhr, settings){ $("#wp-calendar td a").tipTip(); }); 

如果你这样做,我想你可以拿走这个电话:

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

因为你已经重新应用了这个插件。