Can I use JavaScript and jQuery in my NationBuilder site?

Official response from Matthew Pancione

Yes. You can upload your own scripts under Websites > Theme > Files.

NationBuilder comes with the latest version of jQuery, and Tipsy installed and available on any page.

Other custom scripts are only loaded if the particular page being opened requires it so we can reduce load times, but they are not scripts that you would be using to customize a theme.

Share this post

Showing 24 reactions

How would you tag this suggestion?

Add comment (optional)

Sign in with

Facebook Twitter

Matthew Pancione

Matthew Pancione responded with completed

posted 2016-06-22 10:36:48 -0700
Tony Watson

Tony Watson commented
I’m seeing the same thing Steven Avrenli is seeing. Is there any fix for this issue yet?

“Uncaught ReferenceError: _ is not defined”?
posted 2015-10-15 21:14:40 -0700
Steven Avrenli

Steven Avrenli commented
Is anyone else seeing “Uncaught ReferenceError: _ is not defined”? It’s coming from the Jquery library file that is included by NB.

I can’t find any way to fix this. It has completely broken the site i’m working on!
posted 2015-01-28 18:25:37 -0800
Matthew Kay

Matthew Kay commented
How do I load a custom javascript file to just one page?
posted 2015-01-04 15:35:38 -0800
Vincent Horton

Vincent Horton tagged this with Helpful

posted 2014-10-22 21:07:27 -0700
E

E commented
OK, the lack of preview is being difficult. Hopefully, this one comes out right this time. Mods, please delete the last two comments.

When using an external JS (or any asset for that matter), using the relative path might not work if you have uppercase letters in your filename. For example, the following will not work, even if the uploaded file has the correct case:

To be safe, leave everything in lowercase, both the actual filename as well as references in the code, e.g.,
posted 2014-10-15 14:36:11 -0700
E
E commented
Sorry for the duplicate but the last post was formatted badly. Here’s the more legible response.

When using an external JS (or any asset for that matter), using the relative path might not work if you have uppercase letters in your filename. For example, the following will not work, even if the uploaded file has the correct case:
To be safe, leave everything in lowercase, both the actual filename as well as references in the code, e.g.,
posted 2014-10-15 14:35:00 -0700

commented

When using an external JS (or any asset for that matter), using the relative path might not work if you have uppercase letters in your filename. For example,

&lt;/code&gt; will not work, even if the uploaded file has the correct case. To be safe, leave everything in lowercase, both the actual filename as well as references in the code, e.g., &lt;code&gt;

&lt;/code&gt; will not work, even if the uploaded file has the correct case. To be safe, leave everything in lowercase, both the actual filename as well as references in the code, e.g., &lt;code&gt;

posted 2014-10-15 14:33:05 -0700

Rob Butz

Certified Architect
Certified Expert

Rob Butz tagged this with Helpful

posted 2014-09-01 18:01:47 -0700
Frank Tamborello
Frank Tamborello commented
I’m attempting to write a simple hide/show jQuery script. NB comes with jQuery, but I’m having trouble accessing it. Do I have to save this as a script.js file and upload it?
// OK so this part goes into the post. Show Map <div style="display: none">The Map // but where do I put this part? $( "button" ).click(function() { $( "div" ).show( "slow" ); }); </div>
posted 2014-06-12 18:47:14 -0700
Matthew Pancione

Matthew Pancione tagged this with Helpful

posted 2014-02-25 22:58:51 -0800
Frank Tamborello

Frank Tamborello commented
This is great news!
posted 2014-01-27 11:59:44 -0800
Matthew Pancione

Matthew Pancione tagged this with Helpful

posted 2014-01-27 11:59:35 -0800
Matthew Pancione

Matthew Pancione tagged this with Advanced

posted 2013-08-15 13:30:28 -0700
Elaine Vechorik

Elaine Vechorik commented
All I want is to be able to use it in the blog and petition and can’t figure it out. Frustrating galore.
posted 2013-08-15 13:30:22 -0700
Elaine Vechorik

Elaine Vechorik commented
I can’t figure it out.
posted 2013-08-15 13:29:07 -0700
Jake Martin

Jake Martin commented
Hehe :) Im a creature of habit! Coming from Wordpress, I always use absolute pathing, so a bit to wrap my mind around.
posted 2013-03-18 22:34:14 -0700
Matthew Pancione

Matthew Pancione tagged this with Advanced

posted 2013-03-18 20:54:13 -0700
Adriel Hampton

Adriel Hampton commented
Jinx ;)
posted 2013-03-18 20:53:58 -0700
Adriel Hampton

Adriel Hampton commented
Jake, refer to the custom theme documentation for more information on how to upload and reference your .js files – http://nationbuilder.com/theme_documentation
posted 2013-03-18 20:53:41 -0700
Jake Martin

Jake Martin commented
Ugh, I should’ve searched more. So to use external JS, as Matthew mentioned, upload them. Then just reference the file relatively; aka not an absolute url (no http://www.yourdomain.com). NationBuilder will figure out the pathing for you.
posted 2013-03-18 20:53:35 -0700
Jake Martin

Jake Martin commented
In fact, you cannot use external JavaScript files, unless you host them on a CDN. There is no way in the current GUI to get the filepath of the JS file.
posted 2013-03-18 20:45:00 -0700
Jake Martin

Jake Martin commented
What is the path to the JavaScript though once it has been uploaded?
posted 2013-03-18 20:39:30 -0700
Matthew Pancione

Matthew Pancione responded

posted 2013-03-18 16:24:16 -0700