Home/ Questions/Q 8087493
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T18:47:34+00:00

This is two questions in one, so here we go. I have a simple

  • 0

This is two questions in one, so here we go.

I have a simple code that I got from jsfiddle (at http://jsfiddle.net/tedp/aL7Xe/1/)

But it it doesn’t call the jquery function when I put it in my website (live demo at http://beattrack.net/test.php#).

Also, it is adding some funny symbols to the end of it. Is that my fault or my text editor’s? I am using textwrangler–saving as UTF-8. When I try to save to ISO Latin 9, it says there are unnamable characters–it’s happening on more than just this one webpage. Here’s a screenshot:

Screenshot

<html>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>

<style type="text/css">
    #menucontainer {
        display:none;
    }​
</style>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" />
  $('html').click(function() {
     $('#menucontainer').hide(); 
  });

  $('#menuwrap').click(function(event){
     event.stopPropagation();
  });

  $('#menutoggle').click(function(event){
     $('#menucontainer').toggle();
  });
</script>
</head> 

<body>
 <div id="menuwrap">
  <a href="#" id="menutoggle">Menu Toggle</a>
  <ul id="menucontainer">
    <li><a href="#">One</a></li>
    <li><a href="#">Two</a></li>
    <li><a href="#">Three</a></li>
  </ul>
 </div>​

</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Remove the src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" attribute from the script tag, and that should work. Make a new script tag for jquery:

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
  $('html').click(function() {
     $('#menucontainer').hide(); 
  });

  $('#menuwrap').click(function(event){
     event.stopPropagation();
  });

  $('#menutoggle').click(function(event){
     $('#menucontainer').toggle();
  });
</script>

    Also, put the second element at the end of the .

    As for the strange characters, try using an HTTP header in your PHP code to specify that the page is in UTF-8. My browser is saying that the encoding for you page is ISO-8859-1, hence the strange characters.

    header("Content-Type: text/html; charset=utf-8";
    • 0