jQuery拖动功能会导致PrimeFaces JSF页面中的错误

Question

我正在使用JSF中的jQuery制作拖放功能。可拖动函数独立工作正常，但是在JSF页面中出门时会引发错误！

这是代码：

function attachClickEvents() { 
    $(".circle").on('click', function(event){ 
        event.stopPropagation(); 
        event.stopImmediatePropagation(); 
        $(".circle").each(function(){ 
            $(this).removeClass("selected"); 
        }); 
        $(this).addClass("selected"); 
        // $(this).draggable({containment:'parent',drag: handleDragStop}); 
        $(this).draggable({containment:$(this).parent().parent().parent()}); 
    });     
}

令人惊讶的是，$(this).addClass("selected");件工作正常，并且该标记的外观更改了。

但是下一个语句会引发错误：

undureck typeError：$(...(。可拖动不是函数

我正在使用JSF推荐的方法来包括jQuery：

<h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />
<h:outputScript library="primefaces" name="jquery/jquery-plugins.js" target="head" />

怎么了？

Answer 1

问题是我在代码中明确添加了jQuery版本。另一位独立工作的开发人员还包括另一个版本的jQuery。这三个都是冲突。我删除了jQuery的显式包含，并包括了由Prime面孔提供的，它开始工作。始终确保您没有多重包含不同版本的jQuery。