Question

我准备了jsfiddle代码。

当按下“小气泡”时会出现大小气泡，（将名称更改为其他气泡并显示另一个气泡）。问题是它不想在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>

我正在设置

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

那么我在这里失踪了什么？

Answer 1

<强>已更新

有一些问题：

1）在JSFiddle中你正在使用

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

正在寻找一个ID，而不是一个类。第二个气泡没有id，也没有你想要的bubbles-user类。

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

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

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

jquery draggable不想在chrome中工作

1 个答案: