Jquery ui 单击时保持jQuery工具提示打开?
我想使用jQueryUI的工具提示功能,但是我需要它,这样当您单击元素(在我的例子中是图像)时,工具提示将保持打开状态。这能做到吗?我看不出有任何选择 更新这里是我的代码。我认为第四行应该行得通,但遗憾的是不行: HTMLJquery ui 单击时保持jQuery工具提示打开?,jquery-ui,Jquery Ui,我想使用jQueryUI的工具提示功能,但是我需要它,这样当您单击元素(在我的例子中是图像)时,工具提示将保持打开状态。这能做到吗?我看不出有任何选择 更新这里是我的代码。我认为第四行应该行得通,但遗憾的是不行: HTML 我试图解决同样的问题,但我在任何地方都找不到答案。经过4个多小时的搜索和实验,我终于想出了一个有效的解决方案 我所做的是: 如果单击状态,则立即停止传播 添加了一个单击处理程序来跟踪状态 //这是一个简单的解决方案,一次只处理一个工具提示 //您确实应该将单击作为相关元
我试图解决同样的问题,但我在任何地方都找不到答案。经过4个多小时的搜索和实验,我终于想出了一个有效的解决方案 我所做的是:
//这是一个简单的解决方案,一次只处理一个工具提示
//您确实应该将单击作为相关元素的数据属性来移动
var单击;
变量工具提示=$('a[title]')。在('mouseleave focusout mouseover focusin',函数(事件){
如果(单击){
事件。stopImmediatePropagation();
}
}).tooltip()。单击(函数()){
var$this=$(this);
var isOpen=$this.data('tooltip');
var method=isOpen?'close':'open';
$this.tooltip(方法);
//为了清楚起见,是的,您可以使用!isOpen或clicked=(方法=='open')
如果(方法=='open'){
单击=真;
}否则{
单击=假;
}
$this.data('tooltip',!isOpen);
});代码>
是图像上设置的工具提示。它仅适用于单击的元素,而具有工具提示的元素则不同。否则它就不起作用了,因为你没有在你的问题中提供任何代码,所以期待一个具体的答案是不合理的。您可能需要更新选择器才能使其在您的案例中发挥作用。仅供参考,我不是提出问题的人。如果您单击锚元素,它将不会保持打开状态。我尝试使用您的代码更新了我的问题,但它没有起作用。谢谢
<img class="jqToolTip" src="/query.gif" title="Text for tool tip here">
$('.jqToolTip').tooltip({
disabled: false
}).click(function(){
$(this).tooltip( "open" );
// alert('click');
}).hover(function(){
// alert('mouse in');
}, function(){
// alert('mouse out');
});
$('img.my-class').click(function() {
$(this).tooltip( "open" );
}