Question

我正在努力制作一个非常简单的编码示例工作，但由于未知原因，它没有响应。

我试图复制的例子可以在这里找到：http://jsfiddle.net/karim79/2hw89/1/ 这是对以下SO问题的回答：Toggle visibility of text box based on status of check box -jQuery

这是我的代码。我已经嵌入了另一个复选框，以测试我是否可以调用基本的onclick-listener函数。有用。然而，另一个复选框在单击时没有反应，即使完全相同的代码在示例中有效。你知道为什么吗？

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
    $(document).ready(function() { 
        $('#other').change(function() {
            alert("Hello World!");
            $('#otherrace').toggle(this.checked).focus();
        });
    });

</script>
<script>
    function test(){
    alert("Test is working!");
    }
</script>
</head>

<body>
    <input type="checkbox" name="race" value="other" id="other">Other,
    Specify
    <br />
    <input style="display: none;" type="text" size="25" maxlength="25"
        id="otherrace" />
    <br />
    <input type="checkbox" onclick="test()" name="test" value="test"
        id="test">testing
    <br />
</body>
</html>

Answer 1

script element不能同时拥有src和body

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!--or use the address as http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js-->
<script>
    $(document).ready(function() { 
        $('#other').change(function() {
            alert("Hello World!");
            $('#otherrace').toggle(this.checked).focus();
        });
    });

</script>

Script.src

此属性指定外部脚本的URI;这可以用作直接在脚本中嵌入脚本的替代方法文献。指定src属性的脚本元素不应该在其标签中嵌入一个脚本。

此外，如果您使用file://....之类的协议从本地文件系统加载页面，则需要在jQuery url中指定http协议，如<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

Answer 2

使用<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

为什么我的简单JQuery教程尝试不响应？

2 个答案: