Перетаскиваемая функция jQuery вызывает ошибку в JSF-странице PrimeFaces

Question

Я использую jQuery в JSF для создания функции перетаскивания.Функция перетаскивания отлично работает независимо, но когда она появляется на странице 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"); кусок работаети внешний вид этого маркера изменяется.

Но следующий оператор выдает ошибку:

Uncaught TypeError: $ (...). draggable не является функцией

Я использую рекомендованный 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. Все 3 были конфликтующими. Я удалил явное включение jquery и включил тот, который предоставлен простыми лицами, он начал работать. Всегда следите за тем, чтобы у вас не было многократного включения jquery разных версий. Надеюсь, это поможет кому-то