1

これは 2 つの質問を 1 つにまとめたものです。

jsfiddle から取得した簡単なコードがあります ( http://jsfiddle.net/tedp/aL7Xe/1/ ) 。

しかし、それを自分の Web サイトに配置したときに jquery 関数を呼び出しません ( http://beattrack.net/test.php#のライブ デモ)。

また、最後にいくつかの面白い記号を追加しています。それは私のせいですか、それともテキストエディタのせいですか? 私は textwrangler を使用しています - UTF-8 として保存します。ISO Latin 9 に保存しようとすると、名前を付けられない文字があると表示されます。これは、この 1 つの Web ページだけではありません。スクリーンショットは次のとおりです。

スクリーンショット

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

また、 の最後に 2 番目の要素を配置します。

奇妙な文字については、PHP コードで HTTP ヘッダーを使用して、ページが UTF-8 であることを指定してみてください。私のブラウザは、あなたのページのエンコーディングが ISO-8859-1 であると言っているため、奇妙な文字が表示されます。

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