Primefaces + Bootstrap Admin LTE Conflict jQuery

Navigation
2

I've been working with Primefaces since 2.1 and am currently creating a project in version 5 using AdminLTE ( link ) which is a administrative panel using the bootstrap base.

My problem is this: I created the template with ui: decorate and started to create my pages. The problem is that pages containing components of Primefaces the components of AdminLTE, more specifically jQuery, stop working. The side menu does not hide and does not expand the items anymore.

I tried several ways to resolve this conflict, but I realized that only the jQuery of AdminLTE is that it stops working, the components of primefaces work quietly. If anyone has any idea how to resolve it, I'm grateful.

    
asked by anonymous 05.08.2014 / 17:09

2 answers

1

Firstfaces also uses Jquery in your implementation, and automatically adds an import to jquery in the version it needs.

In the index.html file of AdminLTE there is also an import to JQuery 

 <!-- jQuery 2.0.2 -->
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

Importing jquery 2 times can cause problems in its operation, remove any import to jquery.min.js or jquery.js, or any other .js file being imported 2x, and leave only the one that comes by default with the Primefaces.

    
11.08.2014 / 20:14
1

I'm working with the same template, I was able to solve the case as follows: 1 put the following code in the head           jQuery (document) .ready (function (jQuery) {         });       2 removed jQuery / jquery-2.2.3.min.js from template so I was able to avoid conflict

    
03.08.2016 / 21:12
Bootstrap popover trigger and html option together do not work Coding in C ++