JQueryUI Draggable：TypeError：Window.getComputedStyle的参数1没有实现接口Element

Question

我正在尝试将JQueryUI draggable附加到下面的一组元素中：

                            <ul class="children">
                                <li id="component-nav" class="component-palette-item"><a href="#"><i class="fa fa-sitemap"></i><span> Navigation</span></a>
                                </li>
                                <li id="component-container" class="component-palette-item"><a href="#"><i class="fa fa-file-text-o"></i><span> Container</span></a>
                                </li>
                                <li id="component-row" class="component-palette-item"><a href="#"><i class="fa fa-list" ></i><span> Row</span></a>
                                </li>
                                <li id="component-column" class="component-palette-item"><a href="#"><i class="fa fa-columns"></i><span> Column</span></a>
                                </li>
                            </ul>

可拖动的初始化代码：

$('.component-palette-item').draggable({
        containment: designPanel,
        helper: 'clone',
        cursor: "move"
    });

元素显示如下：

只要我鼠标按下以点击其中一个项目，我就会在Firefox上收到此错误：

TypeError: Argument 1 of Window.getComputedStyle does not implement interface Element.

每次移动鼠标时，浏览器都会暂停，从而产生多个错误，点击的元素就像这样。这是在执行任何拖动之前。