jquery点击监听器的问题
Problems with jquery click listener
我是JQuery的新手,尽管我读了好几遍指南,但还是找不到问题。
当我点击按钮时,以下功能不会被激活:
function enable(){
alert("Enable Working!");
}
function disable(){
alert("Disable Working!");
}
$("#enable").click(function(){
$("#enable").hide();
});
$("#disable").click(function(){
disable();
});
还有html页面。我也没有看到任何错误
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>popup</title>
<style>
#enable{
color:green;
position:relative;
top:20px;
}
#disable{
color:red;
position:relative;
top:25px;
}
body{
height: 100px;
}
</style>
</head>
<body id="popup">
<input id="enable" type="button" value="Enable">
<br />
<input id="disable" type="button" value="Disable">
<script src="popup.js"></script>
<script src="jquery.js"></script>
</body>
<html>
我希望enable
函数在单击启用按钮时运行。我希望disable
函数在单击禁用按钮时运行。警报是用来测试它是否工作的。
首先加载jQuery文件,更改文件的顺序:
<script src="jquery.js"></script>
<script src="popup.js"></script>
也许是这样的:
function enable(){
alert("Enable Working!");
}
function disable(){
alert("Disable Working!");
}
$("#enable").click(enable);
$("#disable").click(disable);
正如其他人提到的,反转脚本包括:
<script src="jquery.js"></script>
<script src="popup.js"></script>
您的代码看起来不错,只需在#enable click中更改代码即可运行函数:
演示
$("#enable").click(function(){
enable();
});
$("#disable").click(function(){
disable();
});
如果你想隐藏按钮,将其推入功能:
function enable(){
alert("Enable Working!");
$("#enable").hide();
}
添加此项以在页面加载时加载您的代码:
$(document).ready(function(){
//your code
});
jQuery脚本文件可以从在线源加载。如果您希望代码为<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
。在其他.js文件之前加载它。如果需要jQuery。
将其更改为:
function enable(){
alert("Enable Working!");
}
function disable(){
alert("Disable Working!");
}
$(document).ready(function() {
$("#enable").click(function(){
enable();
});
$("#disable").click(function(){
disable();
});
});
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>popup</title>
<style>
#enable{
color:green;
position:relative;
top:20px;
}
#disable{
color:red;
position:relative;
top:25px;
}
body{
height: 100px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
});
function enable(){
alert("Enable Working!");
}
function disable(){
alert("Disable Working!");
}
$("#enable").click(function(){
enable();
});
$("#disable").click(function(){
disable();
});
});
</script>
</head>
<body>
<input id="enable" type="button" value="Enable">
<br />
<input id="disable" type="button" value="Disable">
</body>
</html>
相关文章:
- 在指令控制器中使用$attrs时出现问题
- 将PHP变量传递给jQuery时遇到问题
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 参数变量出现ngTable指令问题
- 剑道网格jQuery动画()问题
- 我的jQuery插件参数没有正确启动,遇到了问题
- Phonegap-(安卓/iphone)多个图像的图像库出现问题
- TableExport jquery插件:文件名和扩展名问题
- JavaScript Pub/Sub属性访问问题
- JavaScript异步问题
- jquery点击监听器的问题
- Javascript事件监听器问题
- ExtJs删除和添加监听器.缓存的问题
- jQuery事件监听器的问题
- JavaScript/jQuery事件监听器的图片加载IE问题
- Javascript事件监听器问题
- html5问题中canvas上的事件监听器
- 在循环中分配事件监听器的问题
- 多字段中的复选框监听器出现问题
- Windows 8 Javascript应用程序事件监听器问题