How to use jQuery and jQuery plugins with PrimeFaces

by

PrimeFaces already ships with jQuery bundled, yet you’ve downloaded and installed another one which would only conflict with PrimeFaces bundled jQuery. I’m sure that if you have paid a bit more attention and love to the webbrowser’s builtin JavaScript console, you would have seen JS errors. And, if you checked the JSF-generated HTML output via rightclick, View Source in webbrowser, you would have seen another jquery.js file being included in HTML <head>.

You need to remove the following line:

<script type="text/javascript" src="https://stackoverflow.com/questions/11112058/js/jquery-1.7.1.min.js"></script>

In case you have pages which do not necessarily use PrimeFaces components, and thus its jQuery wouldn’t automatically be included, then you’d need to explicitly load its bundled jQuery by a proper <h:outputScript>.

<h:outputScript library="primefaces" name="jquery/jquery.js" />

Note that using <h:outputScript> does not end up in a duplicate script include on pages which actually use PrimeFaces components.

See also:

More Related Contents:

  1. How to invoke animation when redirection in jsf?
  2. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  3. Input type="text" with select functionality after clicking on Input type="text"
  4. How to dectect objects' overlaping situations in javascirpt? [closed]
  5. jQuery .animate function not responding properly
  6. How to force browser to show image 3 inches wide?
  7. fixing slider on my website [closed]
  8. Only detect click event on pseudo-element
  9. Can I use HTML tags in the options for select elements? [duplicate]
  10. Calling a JavaScript function from managed bean
  11. Select all elements that have a specific CSS, using jQuery
  12. How to build simple jQuery image slider with sliding or opacity effect?
  13. How can I disable a browser or element scrollbar, but still allow scrolling with wheel or arrow keys?
  14. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  15. Border Radius for IE8
  16. Ellipsis in the middle of a text (Mac style)
  17. how to disable DIV element and everything inside [duplicate]
  18. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  19. Load HTML page dynamically into div with jQuery
  20. Possible to associate label with checkbox without using “for=id”?
  21. jQuery position DIV fixed at top on scroll
  22. Can you have a JavaScript hook trigger after a DOM element’s style object changes?
  23. Bootstrap modal: background jumps to top on toggle
  24. How to define the css :hover state in a jQuery selector?
  25. How To Include CSS and jQuery in my WordPress plugin?
  26. Detect browser wrapped lines via javascript
  27. Extracting text from a contentEditable div
  28. Prevent iOS bounce without disabling scroll ability
  29. How do I make an area unclickable with CSS?
  30. Bootstrap Dropdown menu is not working

Leave a Comment