jquery draggable不想在chrome中工作

我已经准备好了一个密码

当按下“小气泡”时，会出现一个大大小小的气泡（将名称更改为“其他”，则会出现另一个气泡）。问题是它不想在chrome和opera中被拖动。在IE下工作正常，我可以拖动两个气泡（它们一起移动）。在chrome或opera下，只有大的一个是可拖动的，另一个不是

elemetns的理想结构是

<div id="bubble-someUserName" class="bubbles-user" >
     <div class="bubbles-view"></div>
     <div class="bubbles-view"></div>
     <div class="bubbles-view"></div>
</div>

---

那么我在这里遗漏了什么呢？

更新了

有几个问题：

1） 在您正在使用的JSFIDLE中

MainContainer().find('#bubbles-' + userName) ... 

这是在寻找一个ID，而不是一个类。第二个气泡没有id，也没有您要查找的

气泡用户

类

2） 元素没有按预期的方式嵌套

较小的气泡是较大气泡的子元素，而不是容器。这可能是因为您的动画要求

---

3） 即使你清除了这些，它也不会起作用。仍然不确定原因，但我认为这与第2项以及点击处理没有如预期那样冒泡有关。您可能需要在其中的某个地方使用一个来将处理程序附加到新创建的元素

这是一个理想的效果，#bubble someUserName是用户唯一的bubble。他们有身份证。小气泡表示与用户相关的活动（大气泡）。拖动时，它们应一起拖动。问题是，在IE中，我可以拖动两者（并且它们一起移动），而在chrome中，我只能拖动大的一个：（对，因为在代码中没有添加ui Dragable（即.Dragable指令）对于较小的气泡。您的jQuery查找结果将不会捕获这些气泡。这是一个问题。您还有另一个问题。将可拖动的气泡添加到较小的气泡中不允许将它们与较大的气泡分开拖动吗？我希望小的气泡与较大的气泡粘在一起。听起来像是您希望的。然后可拖动到容器上。嗯……显然，我不是很抱歉，在第一次编辑中，添加用户1并按大气泡，然后添加用户2并按大气泡。您应该有两个大的可拖动气泡。键入a并按小气泡，键入b按小气泡c并按小气泡。所有小气泡都应连接到第二个大气泡。将第一个输入更改为hte name user1您可以以相同的方式添加小气泡。现在两个大气泡都应该可以拖动。拖动应该可以拖动小气泡。我想要实现的是使用smal拖动大小气泡的能力

MainContainer().find('#bubbles-' + userName) ...