Jquery Qtip2模式,关闭模式时触发事件
当用户单击“x”关闭qtip2模式时,我试图用jquery触发一些东西 以下是我的模态JS:Jquery Qtip2模式,关闭模式时触发事件,jquery,modal-dialog,qtip2,Jquery,Modal Dialog,Qtip2,当用户单击“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
<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>
$('.show_likes_model').live('mouseover',函数(事件){//show likes model
clearInterval(自动刷新);自动刷新=0;
var itemid=$(this.attr(“itemid”);
var itemtype=$(this.attr(“itemtype”);
$(此).qtip({
id:“likesmodal”,
内容:{
文本:“”,
ajax:{url:'modals/show_likes.php',类型:'GET',数据:{itemid:itemid,itemtype:itemtype}},
标题:{text:'喜欢这样的人:',按钮:true}
},
位置:{my:'centered',at:'centered',目标:$(窗口)},
显示:{event:'click',solo:true,modal:true},
隐藏:错,
样式:“ui工具提示灯光ui工具提示四舍五入”,
活动:{
隐藏:函数(事件、api){
auto#refresh=setInterval(函数(){$('#底部#中间').load(thisurl+'&timer='+new Date().getTime()++'#底部#中间');},5000);
$(此).qtip(“销毁”);
}
}
});
返回false;
});
如果您注意到“hide:function(event,api){”行,当用户在模式外单击以关闭它时,这可以正常工作,但是当用户单击“x”以关闭模式时,它只是关闭模式。当用户单击“x”时,我如何“做点什么”
谢谢。您是否已尝试绑定关闭按钮的单击事件
// > jQuery 1.7
$("a.ui-tooltip-close").on("click", function() { ... });
// < jQuery 1.7
$("a.ui-tooltip-close").click(function() { ... });
jQuery 1.7
$(“a.ui-tooltip-close”)。打开(“单击”,函数(){…});
//// > jQuery 1.7
$("a.ui-tooltip-close").on("click", function() { ... });
// < jQuery 1.7
$("a.ui-tooltip-close").click(function() { ... });
jQuery 1.7
$(“a.ui-tooltip-close”)。打开(“单击”,函数(){…});
//上的鼠标向下
事件。qtip close
而不是单击
,它不会被触发。我假设是因为插件对其进行了操作。为了捕捉按钮的关闭事件,我发现您如果要捕获.qtip close
上的mousedown
事件,而不是click
,它将不会被触发。我假设是因为插件对它做了一些操作