Jquery show/hide 在我的服务器上不起作用
Jquery show/hide is not working on my server
如果是,我试图显示文本字段,如果我们选择无单选按钮,则隐藏它。
<html>
<head>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
$(document).ready(function(){
$("input[type='radio']").change(function(){
if ($(this).val() == "yes") {
$("#OrderNumber").show();
}
else {
$("#OrderNumber").hide();
}
});
});
</script>
</head>
<body>
Yes:<input type="radio" name="Order" value="yes" id="order_yes"/>
No:<input type="radio" name="Order" value="no" id="order_no" checked="checked" /><br><br>
<input style="display:none;" name="OrderNumber" id="OrderNumber" size="5" /><br>
</body>
</html>
我在网上尝试了相同的代码,它工作正常,但在我的服务器上文本字段没有显示。任何可以帮助我解决这个问题的人。
你需要
把googleapi jQuery script
和你自己的jQuery代码放在单独的script
标签中:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input[type='radio']").change(function(){
if ($(this).val() == "yes") {
$("#OrderNumber").show();
}
else {
$("#OrderNumber").hide();
}
});
});
</script>
你需要把 jQuery 脚本放在它自己的脚本标签中。
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
Your script here
</script>
在 jsfiddle 中工作正常
您没有在<script type='text/javascript'>
中附加代码
因此,请确保将其放置在脚本标签之间,例如...
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" ></script>
<script type='text/javascript'>
$(document).ready(function(){
$("input[type='radio']").change(function(){
if ($(this).val() == "yes") {
$("#OrderNumber").show();
}
else {
$("#OrderNumber").hide();
}
});
});
</script>
相关文章:
- Wordpress:javascript在服务器上的wp-admin中不起作用
- php文件中包含的jquery文件在服务器上不起作用
- 代码在jsfiddle中工作,但在本地服务器中不起作用
- jQuery:共享按钮(sharrre)在本地和服务器上都不起作用
- 当我通过Node服务器提供HTML时,为什么我的页面Javascript不起作用
- php函数向XMPP服务器发送消息,不提供日志;不起作用
- 我上传了客户's服务器一个js函数不起作用
- 从备用服务器引用时,Javascript 库不起作用
- 服务器端代码在谷歌应用脚本中不起作用
- 使用科尔多瓦在我的网络服务器上存储 GCM ID 不起作用
- 为什么我的 php 连接到 mysql 服务器不起作用
- 用于显示服务器上的 javascript 时间的脚本不起作用
- jquery 倒计时服务器同步不起作用
- replaceWith() jQuery 在服务器 2012 上不起作用
- JavaScript 在上传到服务器时不起作用
- JavaScript 在我的服务器上不起作用
- 从服务器获取事件的全日历不起作用
- jquery ajax 请求在远程服务器上不起作用
- 从服务器获取开机自检的数据不起作用
- 奇怪的Javascript在移动到Web服务器时不起作用