jQuery单击事件处理程序未触发

时间:2015-04-29 14:44:59

标签: jquery

我有一个更强大的页面,但jQuery没有解雇,我不明白为什么!在Firefox和Chrome中,控制台中都没有显示任何内容。请帮我看看我的油炸大脑看不到的东西:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script language="text/javascript">
        $(document).ready(function() {
            console.log("ready!");

            $("#launch_windows").click(function(){
                console.log('launching');
            });
        });
    </script>
</head>
<body>
    <input type="button" id="launch_windows" value="Launch" />
</body>
</html>

2 个答案:

答案 0 :(得分:3)

语言属性已弃用based on the mdn doc

  语言
  与type属性一样,此属性标识正在使用的脚本语言。但是,与type属性不同,此属性的可能值从未标准化。应该使用type属性。

如果您想使用language,则需要使用MSDN documentation

中指示的javascript(不包含text/

改为使用type属性。

  

此属性标识嵌入在脚本元素中或通过元素的src属性引用的代码的脚本语言。这被指定为MIME类型;支持的MIME类型的示例包括text / javascript,text / ecmascript,application / javascript和application / ecmascript。如果此属性不存在,则将脚本视为JavaScript。

如果我将标记更改为

<script type="text/javascript"> 

您的代码在开发控制台中有效或显示错误。从文档中可以了解到,您也可以保留类型。在这种情况下,浏览器假定脚本标记中的内容是javascript

答案 1 :(得分:0)

这对我有用:

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $("#test").click(function(){
            console.log('clicked');
        });
    });
</script>
</head>
<body>
    <a href="#" id="test">Test</a>
</body>
</html>