Question

有一个旧的Web项目我必须添加一些功能，并且很多都是使用普通的javascript完成的。

因为我想开始使用jQuery，所以我编写了以下简单的测试：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="ISO-8859-1">
        <title>Radiotest</title>
        <script src="ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script type="text/javascript">
$(document).ready(function(){
    $('#myButton').on('click', function() {
        alert("Test");
        alert($('input[name=Test]:checked', '#myForm').val()); 
    });
});
        </script>
    </head>
    <body>
    <div id="result"></div><br/>
    <form id="myForm">
        <input type="radio" name="Test" value="1"> 1<br>
        <input type="radio" name="Test" value="2"> 2<br>
        <input type="radio" name="Test" value="3"> 3<br>
        <input type="button" id="myButton" value="Check">
    </form>
    </body>
</html>

不幸的是，在选择无线电元素后点击按钮时，没有调用该功能，或者至少没有显示任何警报。

你能帮我看看错误吗？谢谢。

Answer 1

您的src属性值ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js无效。您必须包含http://或//以获取当前使用的协议：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

Answer 2

试试这个：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

Answer 3

在这种情况下src="http://resource"

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

简单的jQuery函数没有被调用

3 个答案: