JQuery Conflicts with Primefaces? [duplicate]

by

I had the same problem as described in the question. That’s why I came up with the following solution:

Include the primefaces built-in jQuery library (currently 1.4.1) as including an own jQuery library leads to CSS formatting problems. Adding the target="head" attribute allows for specifying the tag everywhere – e.g. when using templating you not always have access to the <head> tag:

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

The primefaces jQuery library is included by default in conflict mode. That means the $() shortcut cannot by used. To overcome this issue include the following line in a <script> or <h:outputScript> tag:

<h:outputScript target="head">
    // Add the $() function
    $ = jQuery;
    // Now you can use it
    $(document).ready(function() {
        ...
    });
</h:outputScript>

That’s the best solution I could dig out so far, using primefaces 2.2.1.

More Related Contents:

  1. How to get rid of WARNING: PWC4011: Unable to set request character encoding to UTF-8
  2. Primefaces static and dynamic columns in datatable
  3. Update component after file download
  4. Primefaces datatable frozen columns misallignment
  5. Primefaces dialog + commandButton
  6. Primefaces DataTable, lazy loading and CommandButton per row
  7. Primefaces’s dialog ‘appendTo’ property, what it useful for?
  8. How to use PrimeFaces p:fileUpload? Listener method is never invoked or UploadedFile is null / throws an error / not usable
  9. Execution order of events when pressing PrimeFaces p:commandButton
  10. Should PARTIAL_STATE_SAVING be set to false?
  11. JSF implicit vs. explicit navigation
  12. PrimeFaces CSS skin not showing in login page, also JavaScript undefined errors
  13. Work around for faulty INTERPRET_EMPTY_STRING_SUBMITTED_VALUES_AS_NULL in Mojarra JSF 2.1
  14. What is the function of @this exactly?
  15. Is JSF 2.0 View Scope back-button safe?
  16. Invoke method with varargs in EL throws java.lang.IllegalArgumentException: wrong number of arguments
  17. JSF facelets template packaging
  18. Difference between @Named and @ManagedBean annotations in JSF2.0 Tomcat7 [duplicate]
  19. How to use EL in PrimeFaces oncomplete attribute which is updated during action method
  20. Can you update an h:outputLabel from a p:ajax listener?
  21. CDI Injection into a FacesConverter
  22. How to use p:graphicImage with StreamedContent within p:dataTable? [duplicate]
  23. Override a method from a Primefaces specific widget
  24. When to use f:view and f:subview
  25. Primefaces valueChangeListener or
  26. Passing parameter to JSF action
  27. What is STATE_SAVING_METHOD parameter in JSF 2.0
  28. Ajax update and submission using h:commandButton
  29. JSF resource versioning
  30. f:viewParam doesn’t pass required parameter when new xmlns.jcp.org namespace is used

Leave a Comment