1

我已经准备了一个带有代码的jsfiddle。

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

所需的元素结构是

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

我正在设置

$('.bubbles-user').draggable();

那我在这里想念什么？

4

1 回答 1

2

更新

有几个问题：

1）在您正在使用的 JSFiddle

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

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

2）您的元素没有按照您期望的方式嵌套。

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

3）即使你清除了这些，它也行不通。仍然不确定为什么，但我认为这与第 2 项有关，并且点击处理没有像预期的那样冒泡。您可能需要.delegate()在某处使用 a 将处理程序附加到新创建的元素

于 2012-12-18T21:56:44.390 回答