1

当用户单击“x”以关闭 qtip2 模式时，我试图用 jquery 触发某些东西。

这是我的模态的 JS：

<script language="javascript" type="text/javascript">
$('.show_likes_modal').live('mouseover', function(event) {//SHOW LIKES MODAL
    clearInterval(auto_refresh); auto_refresh = 0;
    var itemid = $(this).attr("itemid");
    var itemtype = $(this).attr("itemtype");
        $(this).qtip({
        id: 'likesmodal',
        content: {
            text: '<img src="images/loading.gif" alt="Loading..." />',
            ajax: {url: 'modals/show_likes.php',type: 'GET',data: { itemid: itemid,itemtype:itemtype}},
            title: { text: 'People who like this:',button: true}
        },
        position: {my: 'centered',at: 'centered',target: $(window)},
        show: {event: 'click',solo: true,modal: true},
        hide: false,
        style: 'ui-tooltip-light ui-tooltip-rounded',
        events: {
        hide: function(event, api){
         auto_refresh = setInterval(function (){$('#bottom_middle').load(thisurl + '&timer=' + new Date().getTime() + ' #bottom_middle' );}, 5000);             
         $(this).qtip("destroy"); 
        }
       }        
      }); 
return false;     
}); 
</script>

如果您注意到“隐藏：函数（事件，api）{”行，当用户在模式外部单击以关闭它时，这可以正常工作，但是当用户单击“x”以关闭模式时，它只是关闭模态的。当用户单击“x”时，我如何“做某事”？

谢谢。

4

2 回答 2

1

为了捕捉按钮的关闭事件，我发现你需要在而不是捕捉mousedown事件，它不会被触发。我假设是因为插件对它做了一些事情。.qtip-closeclick

于 2013-02-11T14:58:37.373 回答
0

你试过绑定关闭按钮的点击事件了吗？

// > jQuery 1.7
$("a.ui-tooltip-close").on("click", function() { ... });

// < jQuery 1.7
$("a.ui-tooltip-close").click(function() { ... });
于 2012-04-13T11:39:48.977 回答