1

这是两个问题合二为一，所以我们开始吧。

我有一个从 jsfiddle 获得的简单代码（位于http://jsfiddle.net/tedp/aL7Xe/1/）

但是当我把它放在我的网站上时它不会调用 jquery 函数（在http://beattrack.net/test.php#的现场演示）。

此外，它还在结尾添加了一些有趣的符号。这是我的错还是我的文本编辑器的错？我正在使用 textwrangler——另存为 UTF-8。当我尝试保存到 ISO Latin 9 时，它说有无法命名的字符——它不仅仅发生在这个网页上。这是一个屏幕截图：

截屏

<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>
4

1 回答 1

1

从脚本标签中删除该src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"属性，这应该可以工作。为 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>

另外，将第二个元素放在 .

至于奇怪的字符，请尝试在 PHP 代码中使用 HTTP 标头来指定页面是 UTF-8 格式。我的浏览器说您页面的编码是 ISO-8859-1，因此是奇怪的字符。

header("Content-Type: text/html; charset=utf-8";
于 2012-06-12T01:22:28.280 回答