容器防止孩子被jquery ui draggable

Question

我有一个包含所有内容的容器（#container），但它阻止了通过jquery UI对其子项进行拖动。单击可以，但不能拖动。关于我如何让它的孩子（.dataCard）仍然可以拖延的任何想法？

以下是指向发生这种情况的网页的链接：http://goo.gl/I7k18n

编辑：以下是更多信息：

......意味着有更多（通常是不必要的）代码。

以下是#container：

的CSS

#container{
    position:relative;
}

这是构成它的html：

<div id="container">...</div>

这里是使`.dataCard'可拖动的代码（它在容器包含它应用的元素之前工作正常）：

$('.dataCard').not('.spelling, .focused, .greeting').draggable({
    axis:'x',
    ...
});