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的方式。

jQuery(document).ready(function( $ ) {

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

如果我使用它可以很好地用于初始负载

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

,但在ajax请求后消失。

问题是我如何获得提示以显示它应该显示的方式:在“第一次悬停”、mouseenter、mouseover 等。我已经尝试了所有这些事件。又名:如何让第一段代码正常工作。

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

4

1 回答 1

2

好吧,我认为如果您调用 AJAX 并重新创建元素,则必须重新初始化插件。我认为你应该打这个电话

 $("#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(); });

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

于 2011-12-05T13:45:56.563 回答