jQuery with EJS

Question

Jquery is not working with EJS, here is my EJS page. I can see EJS functionality working properly but jQuery functionality is not working. It does not show any error.

<!DOCTYPE html>
<html>
  <head>
    <title>Help Page</title>
    <link rel='stylesheet' href='/stylesheets/style.css' />

  </head>
  <body>
    <h1>Help</h1>
    <p>This is Help Page</p>

    <h2> Member Data </h2>
    <% data.forEach(function(d){ %>

        <%= d.member_desc %>

    <% });%>

     <script type='text/javascript'>
        $(function(){
            alert('inside jquery');
        });
     </script>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
  </body>
</html>

leon_ · Accepted Answer · 2017-09-21 13:36:19Z

3

I know it is a bit late to answer this but i just want to add this comment, they have (jquery and ejs) different lifecycles one (ejs) compiles before rendering and jquery works after rendering, your problem has this kinds of cause

answered Sep 21, 2017 at 13:36

leon_

743 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

JSelser · Accepted Answer · 2015-06-01 23:44:31Z

You need to put your jQuery <script> before the other. Otherwise $ is not yet defined.

The Browser loads every script one after the other. Say we had scripts A and B.B use something from A, then A should be before B or it wouldn't work.

TL;DR

Change this:

<script type='text/javascript'>
        $(function(){
            alert('inside jquery');
        });
     </script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

To this:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type='text/javascript'>
            $(function(){
                alert('inside jquery');
            });
</script>

mcek · Accepted Answer · 2017-02-14 08:57:06Z

1

Put jquery script in:

$(document).ready(function(){
    ...
});

Now script will be run when all documents loads.

answered Feb 14, 2017 at 8:57

mcek

4907 silver badges19 bronze badges

Collectives™ on Stack Overflow

jQuery with EJS

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related