JQuery UI：在拖动开始时删除可拖动克隆上的引导工具提示？答案

【问题标题】：JQuery UI: remove Bootstrap tooltip on a draggable clone when drag starts?JQuery UI：在拖动开始时删除可拖动克隆上的引导工具提示？
【发布时间】：2014-04-01 00:09:10
【问题描述】：

我在我的项目中使用 JQuery UI 进行拖放。

在可拖动元素上，我有 Bootstrap (3.x) 工具提示。

将鼠标移到可拖动对象上会显示工具提示。

我希望在拖动开始时删除/隐藏可拖动克隆上的工具提示。我进行了搜索和测试，但没有成功。

这是整个事情的 jsfiddle 设置。链接：http://jsfiddle.net/mddc/6md9h/18/

<div id="draggable" class="ui-widget-content">
  <div data-toggle="tooltip" data-original-title="Tooltip to disappear when drag starts.">Drag me</div>
</div>

<div id="droppable" class="ui-widget-header">
  <p>Drop here</p>
</div>

这里是javascript代码：

 $(function() {
     $( "#draggable" ).draggable({
         start: function(event, ui) {
             //this is what I hope to work, but not working!
             $(ui.helper).find('[data-toggle="tooltip"]').tooltip('hide');
         }, 
        helper: 'clone',
        revert: "invalid"
     });

    $( "#droppable" ).droppable({
      drop: function( event, ui ) {
        $( this )
          .addClass( "ui-state-highlight" )
          .find( "p" )
            .html( "Dropped!" );
      }
    });

    $('[data-toggle="tooltip"]').tooltip({
        'animation': true,
        'placement': 'bottom' 
    });     
  });

感谢您的帮助！

【问题讨论】：

标签： jquery-ui twitter-bootstrap jquery-ui-draggable

【解决方案1】：

你可以隐藏你tooltip子元素。

代码：

 $( "#draggable" ).draggable({
     start: function(event, ui) {             
         $(ui.helper).find('.tooltip').hide();             
     }, 
    helper: 'clone',
    revert: "invalid"
 });

演示：http://jsfiddle.net/9RwHh/

【讨论】：

谢谢！！！！你是天才！这个解决方案是怎么找到的？思考过程？我浏览了 JQuery UI 和 Bootstrap 文档并用谷歌搜索。在我发帖之前，我还阅读了您的其他帖子。测试了很多东西，但无法让它工作。
@curious1 谢谢 :-) 我发现它正在检查 DOM，我看到了插件添加的元素；这有点老套，但“开发者工具”始终是我们的朋友 :-)
@curious1 我觉得现在可以了
@curious1 我来这里是为了帮助学习 :-) 如果你在意大利通过，我在这里，或者支持我的答案：-D
太棒了！谢谢

【解决方案2】：

为什么不直接使用

start: function(ev, ui){
$('.tooltip').remove();
}

在某一时刻，文档中将只有一个具有“工具提示”类的元素。所以删除它应该是安全的选择。

【讨论】：