Skip to main content
Act-On Software

Resolving a JavaScript or jQuery Conflict in the Form Builder


If you have created content containing jQuery and are seeing the Next or Save buttons no longer function in the Act-On form editor or if the Submit button disappears when clicked, this is typically caused by a JavaScript library conflict. Most often, this is due to a jQuery conflict with Prototype, because Act-On forms make use of the JavaScript Prototype library.

Please note: Act-On cannot guarantee support for custom code issues.

If the trouble is isolated to the usage of your JavaScript-enhanced custom stationery or custom content, the following jQuery conflict-avoidance function solves the trouble the majority of the time:

jQuery(document).ready(function ( $ ) {
  // your script goes here to execute once the document loads

In short, because we are referencing your jQuery file after Prototype has been referenced (Prototype is automatically referenced in the system-generated form header), the $ alias used by jQuery is associated with Prototype, and both libraries share $ by default. "jQuery.noConflict()" releases the $ globally, and "jQuery(document).ready(function ( $ ) {" uses the $ as a locally-scoped alias, enabling you to run your jQuery 'as-is' without further changes.

This article in Jquery's documentation provides additional details.

  • Was this article helpful?

Have a question about this topic?

Ask the community!