Javascript onClick事件未启动
Javascript onClick event not firing
我正在尝试使用Javascript来控制web表单。下面是我所有的Javascript代码以及我试图实现的内容。
$(document).ready(function(){
function loadPage(url){
$(".body").fadeOut(400, function(){
$(".body").load(url);
$(".body").fadeIn(400);
});
}
loadPage("pages/login.html");
$("#button").on("click", function(){
var pageTo = this.name;
loadPage("pages/" + pageTo + ".html");
});
});
代码稍后会做更复杂的事情,但它甚至不会运行上面的内容。
我的表格看起来像这个
<FORM>
<SPAN class='header'>Login</SPAN><BR/>
<LABEL for='username' class='loginLabel'>Username</LABEL>
<INPUT type='text' id='username' name='username' value='' />
<LABEL for='password'class='loginLabel'>Password</LABEL>
<INPUT type='password' id='password' name='password' value='' />
<INPUT type='hidden' name='process' value='login' />
<INPUT type='button' value='Login' name='index' id='button' />
</FORM>
这是一个简单的登录表单,但当单击按钮时,文本不会显示在控制台中。我不想使用提交按钮和JQuery.submit()事件,因为我希望相同的代码可以处理多种类型的东西,包括链接和可能的其他元素。
您正试图在元素存在于页面中之前绑定事件处理程序。
在添加表单之后,通过向.load
:传递回调来绑定处理程序
$(document).ready(function(){
function loadPage(url){
$(".body").fadeOut(400, function(){
$(".body").load(url, function() {
$("#button").on("click", function(){
var pageTo = this.name;
loadPage("pages/" + pageTo + ".html");
});
});
$(".body").fadeIn(400);
});
}
loadPage("pages/login.html");
});
或使用事件委派(请参阅文档中的直接和委派事件部分):
$(document).on("click", "#button", function(){
var pageTo = this.name;
loadPage("pages/" + pageTo + ".html");
});
用jquery注册处理程序不是正确的方法。。。
尝试
$('#button').click(function(){
console.log('test');
});
$("#button")
返回一个没有onclick
属性/方法的jQuery对象。使用.click
:
$('#button').click(function() {
});
onClick
方法。使用.click
。你的代码应该是这样的:
$("#button").click(function(){
console.log("Clicked");
});
演示
在将onclick行为分配给按钮之前,您确定要等待加载文档吗?尝试将分配更改为在内
$(document).ready(function(...))
尝试.on
$("#button").on('click', function(){
console.log("Clicked");
});
这不是onclick
,而是click
$("#button").click();
相关文章:
- 从控制器返回后Ajax启动事件激发
- 触摸启动事件未在iframe iOS 6中启动
- preventDefault之后的重新启动事件
- 如何获取在一系列事件中启动事件的元素
- 当窗口打开时,IE9在加载前启动事件
- 我的 JS 代码中的会话启动事件
- 仅当前一个事件完全完成时,才启动事件
- jQuery UI - 如何区分拖动/调整大小启动事件和单击事件
- Javascript “卡住”键(未注册的键启动事件)
- pace.js:“启动”事件未触发
- 在第一次触摸启动事件时禁用所有点击事件是个好主意吗?
- 如何将“拖动启动”事件与 CKEditor 实例分离
- 触摸启动事件上的Javascript触发函数
- 绑定到触摸启动事件,导致自动对焦集中在Mobile Safari中的任何单击上
- 触摸启动事件未在原来隐藏的按钮上工作
- 有没有一种方法可以使触摸启动事件不会触发点击事件
- 检测浏览器窗口是否处于活动状态,并在窗口再次处于活动状态后启动事件[JavaScript]
- 如何检测浏览器是否支持手势启动事件
- 首先启动事件,然后转到url
- 在IE7中无法捕获鼠标启动事件