0
このコードのclickイベントは、liアイテムをクリックしたときにトリガーしたくないのですが、それはなぜですか?クリックイベントがなぜトリガーされないのですか?
<!DOCTYPE HTML>
<html>
<head>
<!-- begin CSS -->
<!--<link href="css/style.css" type="text/css" rel="stylesheet">
<link href="css/html5-reset.css" type="text/css" rel="stylesheet">-->
<!-- end CSS -->
<!-- begin JS -->
<script src="js/jquery-2.2.3.min.js" type="text/javascript"></script>
<!--<script src="js/modernizr-2.0.6.min.js" type="text/javascript"></script>-->
<script src="js/myscript.js" type="text/javascript"></script>
<!-- end JS -->
<title>Navigation Menu</title>
</head>
<body style="background: url(images/bgnoise_lg.png) repeat left top;">
<!-- begin container -->
<div id="container" style="width: 600px; margin: 280px auto 0;">
<!-- begin navigation -->
<nav id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<!-- end navigation -->
</div>
<!-- end container -->
</body>
</html>
myscript.jsは、フォルダJSの下に位置しています:
$('#navigation li a').click(function() {
alert($(this).text());
});
私はjsfiddleのコードを試してみましたが、私はそれが動作するindex.htmlページ内のスクリプトを書くときにも動作しますが、私がしようとすると、 js/myscript.jsにリンクすると動作しません!