Home/ Questions/Q 9071365
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T17:53:34+00:00

For some reason, jQuery and Javascript just won’t work on my site. See here:

  • 0

For some reason, jQuery and Javascript just won’t work on my site.

See here: http://hellomynameisad.am/test.html

Can someone take a peak and let me know what I’m missing? I’ve tried numerous different snippers of jQuery and nothing seems to work. Thank you.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to put it document.ready to make the html elements to javascript to execute or you can put your script just before ending tag of body.

    Live Demo

    $(document).ready(function(){
  $("#container").fadeOut(function() {
     $(this).text("World").fadeIn();
  });
});

    Edit: I have found few other mistakes in html whichare as under.

    1. There is no starting body tag.
    2. Put script in between head tags or just before the closing of body tag.
    3. Add type attributes in javascript script tag.
    4. Its better to prefix url of jquery with http:

    Change HTML 

    <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js ">     </script>
      <title>Untitled Document</title>
      <style type="text/css"> </style>

<script type="text/javascript">

    $(document).ready(function(){
        $("#container").fadeOut(function() {
            $(this).text("World").fadeIn(); 
        });
    });    
</script>    
</head>
<body>
    <div id="container">Hello</div>​
</body>
</html>
    • 0