Jquery .change() 函数在本地主机上不起作用
Posted
技术标签:
【中文标题】Jquery .change() 函数在本地主机上不起作用【英文标题】：Jquery .change() function doesnt`work on localhost 【发布时间】：2013-02-10 14:10:19 【问题描述】：以下代码在 jsfiddle 上有效，但在 localhost 上无效，您能帮帮我吗？
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
$('.puankontrol').change(function()
var x = $(this).val() * 1;
if((x < 1) || (x > 5))
$(this).val(3);
alert("Please enter value between 1-5!");
);
</script>
</head>
<body>
<form>
<input class="puankontrol" type="text" name="puan"/><BR>
<input class="puankontrol" type="text" name="puan"/><BR>
<input class="puankontrol" type="text" name="puan"/><BR>
</form>
<div id="other">
Trigger the handler
</div>
</body>
</html>
`
【问题讨论】：
我认为，它在课堂上发生冲突。为输入标签提供不同的 id。 【参考方案1】：试试
$(document).ready(function()
//change function declaration.
);
也可以使用<script type="text/javascript"> 添加script 标签。
【讨论】：
非常感谢您的回答。在我发布之后，我尝试了 $(document).ready 声明并且它起作用了。 @sdiri 总是欢迎老兄......你应该接受这个答案......哈哈...... :) 已经给问题 +1 哥...... +1 来自我。添加到Dipshe的答案。在 JSFiddle.net 上，默认情况下它会自动使用“onLoad”包装您的代码（您可以在“选择框架”下方的下拉框中看到它）。所以这可能是为什么它适用于 jsfliddle 而不是本地。【参考方案2】：无论何时你想用 jQuery 编写任何代码，你都必须在
中添加该代码$(document).ready(function());
一旦文档的所有元素被加载，jQuery 就会调用这个方法回调。 它确认我们在其中访问的所有元素都已加载。
【讨论】：
以上是关于Jquery .change() 函数在本地主机上不起作用的主要内容，如果未能解决你的问题，请参考以下文章
jQuery AJAX - 在本地主机上使用 XAMPP 时不接收 JSON 数据