Question

以下是一个简单的代码，它显示一个超链接，点击它后，应该可以看到一个警告框。但我没有看到它。可能是什么原因呢？我怀疑脚本本身没有被调用。我哪里错了？

html：

<html>
<head>
   <title></title>
</head>
<body>
    <a href='#' id='sign-up-link'>Sign up</a>
    <!-- scripts -->
    <script href='jquery-2.1.1.js'></script>
    <script href='script.js'></script>
</body>

script.js：

$( document ).ready(function() {
    alert('Into the ready function');
    $('#sign-up-link').click(function(event) {
        event.preventDefault();
        alert('Hey !!');
        /*$('#sign-up-pop-up').style('display','block');
        $('#sign-up-pop-up').style('top','500px');
        $('$sign-up-pop-up').addClass('animated zoomIn');*/
    });
});

Answer 1

src元素应使用href属性而不是script。

Answer 2

变化：

<script href='jquery-2.1.1.js' />
<script href='script.js' />

为：

<script src='jquery-2.1.1.js'></script>
<script src='script.js'></script>

您正在放置href而不是src，并且还缺少脚本结束标记</script>

Answer 3

<script src="//yourJavaSCriptFile.js"></script>

你必须同时拥有：

 <script>
 </script>

为什么不调用事件监听器？

3 个答案: