jquery script not running

Question

I have two pages. First one is index.html which has a script to load a second page. The second page has a jquery script that is supposed to run and show a alert.

In the code that is shown below i have removed all extra stuff to simplify my question.

Code for index.html:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v = "urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />

    <title>Testing</title>
    <link type="text/css" rel="stylesheet" href="./review/includes/look.css" />
  </head>
  <body class="review offline" tabindex="0">
    <div id="sidepanel" class="hidden">
      <div class="section" >
        <div id="navigation" class="rounded-border">
          <ul id="navigationtree">
            <li class="leaf last" title="Home">
              <ins class="icon">&nbsp;</ins><a href="screens/alertPage" tabindex="-1"></a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div id="jim-mainWindow">
        <div id="jim-body" class="full web" >
            <div id="simulation" class="firer"></div>

        </div>
    </div>

    <script type="text/javascript" src="./review/includes/j.js"></script>
    <script type="text/javascript">jQuery(document).ready(function(){jimMain.init("screens/alertPage");});</script>
  </body>
</html>

The code for the second page is:

<html>
  <body>

    <script src="jquery-1.10.1.js"></script>
    <script>
        jQuery(document).ready(function(){
            alert("hi there");
            }
        }
    </script>
  </body>
</html>

1) I have made sure the jquery-1.10.1.js page is in the same directory as alertPage.html 2) I have validated that alertPage.html is actually being loaded by index.html by adding from UI to alertPage and seeing it being rendered.

What am i missing here?

@karthikr the index.html has j.js and it is properly loading the second alertPage.html as i noted. — codeNinja
– codeNinja, Commented Nov 11, 2013 at 19:28
if you are .loading the second page... don't include jquery again because it will overwrite the jquery on the original page. It's generally a bad idea to .load in html that contains javascript anyway. — user400654
– user400654, Commented Nov 11, 2013 at 19:38
@kevin if i was to move the script from alertPage to index.html can i refer to the div in alertPage.html from the script in index.html? — codeNinja
– codeNinja, Commented Nov 11, 2013 at 19:52

meda · Accepted Answer · 2013-11-11 19:24:21Z

4

Missing ), extra }

jQuery(document).ready(function(){
    alert("hi there");
    //Remove the }
}); //<---Add the );

edited Nov 11, 2013 at 19:24

meda

45.5k14 gold badges96 silver badges123 bronze badges

answered Nov 11, 2013 at 19:23

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

1 Comment

codeNinja Over a year ago

this did not do the trick. Still do not see the alert popup. I am testing on the latest version of firefox.

codeNinja · Accepted Answer · 2013-11-11 20:14:51Z

0

Load your custom js after you have loaded in jQuery

<script src="jquery-1.10.1.js"></script>
<script type="text/javascript" src="./review/includes/j.js"></script>
<script>
    jQuery(document).ready(function(){
        alert("hi there");
    });
</script>

edited Nov 11, 2013 at 20:14

codeNinja

1,4624 gold badges30 silver badges62 bronze badges

answered Nov 11, 2013 at 19:58

heymega

9,4518 gold badges45 silver badges63 bronze badges

4 Comments

codeNinja Over a year ago

that did not make a change. the custom js is on index.html and the jquery-1.10.1.js is being loaded on alertPage.html.

heymega Over a year ago

Does the custom js file contain jQuery? If so, you will need to include that in your index.html.

codeNinja Over a year ago

i included the line as you suggest but that did not change the output.

heymega Over a year ago

@codeNinja - grrr!!! OK update your question to include your custom js and I will try and reproduce the error using all your code.

Collectives™ on Stack Overflow

jquery script not running

2 Answers 2

1 Comment

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related