run javascript functions inside pug template

The _elements.pug file has mixins for elements (button, image, link etc.).

The file should be included to _skeleton.pug file.Example of the code used in the _config.pug file: Such file contains different kinds of global variables (navigation, buy-link, callto-link, layout switcher etc.).

The _config.pug file is a configuration file.

In most cases this applies to to the tags like, ,, contents of the tag and global includes used on every page ( _elements.pug, _config.pug).Example of the code used in the _skeleton.pug file:

The _skeleton.pug file has code that should be included to all files.

Please, note, that templates may have different files structure (some files like functions.pug, mixins.pug and folders may not be available specifically in your template). Typical structure of files inside the pug folder: Pug files allow editing website pages, scss files should be used for adjusting website styles. You can find the source files in the sources folder of your template (be sure to unzip the zip file with the source files). Your current code is attempting to do 1/2 server and 1/2 client and that is not something that will work.This tutorial shows how to work with CSS/HTML sources files (pug/scss) in our Multipurpose Website templates. If you're going to go with the client-side option #2, then you can just put the DOM manipulation code right into the success callback function. Your return ssage is inside the asynchronous success callback so that just go back to nowhere. You aren't returning anything from the outer function.

As it loads, the browser will then execute your script, fetch the data from your server and then you would use DOM APIs in the browser to insert the result of that ajax call into the web page to make it visible to the user in the page.Īlso, please note that your function getCurrentAvail() has no return value at all. This will send the rendered web page to the browser. You can call the getCurrentAvail() function from within a tag in the web page. Client-side fetching and insertion of the data.

You can have your server get the data before rendering the page and pass that data to your template engine so your template engine can insert the data into the page at the appropriate place.Ģ. Server-side fetching and rendering of the data. It appears you have some piece of external data and you want that data to show in a rendered web page.

Run javascript functions inside pug template