Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.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
Javascript 带有Sortable的工具提示给出了意外的结果_Javascript - Fatal编程技术网

Javascript 带有Sortable的工具提示给出了意外的结果

Javascript 带有Sortable的工具提示给出了意外的结果,javascript,Javascript,我正在使用引导jquery和。我正试图用第一个盒子的克隆从一个盒子拖到另一个盒子。问题是我有一个工具提示,在我拖动后,工具提示会做一些奇怪的事情 尝试将此处a拖动到第二个列表,然后将鼠标悬停在a上,您将看到问题所在 $('[data toggle=“tooltip”]')。tooltip(); 可排序。创建(foo{ 组:{ 名称:“foo”, 拉:'克隆', } }); 可排序。创建(条{ 小组:"富",, }); ul{ 列表样式:无; 填充:0; 边框:1px纯蓝色; 最小高度:20px

我正在使用引导jquery和。我正试图用第一个盒子的克隆从一个盒子拖到另一个盒子。问题是我有一个工具提示,在我拖动后,工具提示会做一些奇怪的事情

尝试将
此处a
拖动到第二个列表,然后将鼠标悬停在
a
上,您将看到问题所在

$('[data toggle=“tooltip”]')。tooltip();
可排序。创建(foo{
组:{
名称:“foo”,
拉:'克隆',
}
});
可排序。创建(条{
小组:"富",,
});
ul{
列表样式:无;
填充:0;
边框:1px纯蓝色;
最小高度:20px;
}
李{
背景:#eee;
保证金:1px;
填充物:5px10px;
}

可排序:`put:[]` demo

  • 这里有一个

问题是可排序不是创建新元素而是克隆第一个元素。因此,您可以使用工具提示删除克隆的元素并创建一个新的元素。您可以使用Sortable的onClone属性并使用evt.clone来解决问题

$('[data toggle=“tooltip”]')。tooltip();
可排序。创建(foo{
组:{
名称:“foo”,
拉:“克隆”
},
onClone:函数(evt){
var title=$(evt.clone).find('[data toggle=“tooltip”]').data('original-title'))
$(evt.clone).find('[data toggle=“tooltip”]').remove()
$(evt.clone).append('a')
$(evt.clone).find('[data toggle=“tooltip”]')。tooltip()
}
});
可排序。创建(条{
小组:"富",,
});

请将相关代码添加到您的问题中,而不是将其链接到场外。