Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 单击时保持jQuery工具提示打开?_Jquery Ui - Fatal编程技术网

Jquery ui 单击时保持jQuery工具提示打开?

Jquery ui 单击时保持jQuery工具提示打开?,jquery-ui,Jquery Ui,我想使用jQueryUI的工具提示功能,但是我需要它,这样当您单击元素(在我的例子中是图像)时,工具提示将保持打开状态。这能做到吗?我看不出有任何选择 更新这里是我的代码。我认为第四行应该行得通,但遗憾的是不行: HTML 我试图解决同样的问题,但我在任何地方都找不到答案。经过4个多小时的搜索和实验,我终于想出了一个有效的解决方案 我所做的是: 如果单击状态,则立即停止传播 添加了一个单击处理程序来跟踪状态 //这是一个简单的解决方案,一次只处理一个工具提示 //您确实应该将单击作为相关元

我想使用jQueryUI的工具提示功能,但是我需要它,这样当您单击元素(在我的例子中是图像)时,工具提示将保持打开状态。这能做到吗?我看不出有任何选择

更新这里是我的代码。我认为第四行应该行得通,但遗憾的是不行:

HTML


我试图解决同样的问题,但我在任何地方都找不到答案。经过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" );
    }