Uncaught ReferenceError: $ is not defined

[philip]

If jQuery is included in Bubble by default, why am I not able to run jQuery code?

"Uncaught ReferenceError: $ is not defined"

From

$(document).ready(function(){
$("#anchor").parents("div.bubble-element.Group").css("height","100vh");
$(".main-page").css("height","100vh")
});

Setting a group to be % of viewport height dynamically

One of the struggles with Bubble can be the dynamic setting of a group’s height, for instance having an element be 100% of the viewport height. Here’s how to do it: Create a small HTML element in the group you want to target. Inside of it create an empty div, and assign it a class or ID (in this example I used an id of “anchor”) <div id="anchor"></div> Install the JavaScript Toolkit Plugin. This will give you the ability to run JS within a workflow. Create a new workflow for the page…

[philip]

Same error when replacing $ with jQuery.

[DaveA]

Open the page you want the code to run on, open the dev console on chrome, paste the code in there…
Even if a page doesn’t have jquery as part of it, the console does.

If the code works, then there is a problem with the page markup, if the code doesn’t then there is a problem with the code snippet.

[philip]

Thank you for the quick reply. I’ll try your advice.