给按钮一个类,并使用javascript来挑选点击事件不工作
Giving a class to a button and using javascript to pick up on th click event not working
目前我已经创建了一个按钮:
<td><button class='ajax_button' data-id='4'>Reserve</button></td>
我也有一个javascript部分在同一文件:
$(".ajax_button").click(function(){
var temp = $(this).data("id");
alert(temp);
});
问题是当我点击按钮,警报弹出不显示。我能做错什么吗?
另外,我注意到在javascript中....前面有不同的符号(#事情).click美元$ (,) .click
"#"answers"。"有什么区别?"
传递给$()
的值是一个CSS选择器。jQuery使用它们来尝试查找页面上的元素。在这种情况下,它可能找不到按钮,这可能是由于调用$()
时元素不存在造成的。
你可能太早执行了javascript调用。如果你要求jQuery选择所有带有'ajax_button'类的元素,但是一个都不存在,那么它显然不能为任何东西添加onclick处理程序。解决这个问题的一种方法是等待整个页面加载完成。之后,添加click事件:
$(document).ready(function() { // When the document is ready (DOM loaded)
$(".ajax_button").click(function(){
var temp = $(this).data("id");
alert(temp);
});
});
您可以为document
的ready
事件添加多个事件处理程序,就像您可以在一个元素上添加多个click
事件一样。
我在文件中有属于ajax函数的javascript。我将javascript文件移动到正确的文件。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// Handling search results
$('.ajax_button').click(function(e){
// Get the name of the user clicked
var lastName = $(this).data("lastName");
var firstName = $(this).data("firstName");
var phoneNum = $(this).data("phone");
//alert('lastName'.value()' '.'firstName'.' '.'phoneNum');
alert('hello');
});
});
</script>
"#"answers"。"有什么区别?"
'#'用于选择具有特定id的HTML对象,例如:
$('#container')
将与
匹配<div id="container"></div>
和"。'是具有特定类的HTML对象的选择器。如:
$('.button')
将与
匹配<a class="button"></a>
<div class="button"></div>
如果你的按钮是使用javascript或ajax创建的,jquery的click
事件函数不会附加到元素上,使用live
事件函数,例如:
$('.ajax_button').live('click', function () {
var temp = $(this).attr("data-id");
alert(temp);
});
相关文章:
- 为什么不't Javascript对我的输入值进行了一些重新检查
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 将函数的上下文应用于javascript变量
- 使用php或javascript从facebook相册URL中删除多余的部分
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 如何在JavaScript中将字符串转换为函数引用
- 模糊事件的Javascript测试
- Javascript更改图标
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 如何使用WCF服务和javascript表单post上传.doc文件
- javascript结合了数组和字典
- 这是什么 ==- javascript 运算符
- Javascript - 如何按顺序从数组中挑选随机元素
- 在Javascript中从数组中挑选一个随机变量
- 在javascript中挑选出特定的单个控件
- javascript-我如何用moment.js(或替代库)解析日期,以挑选2月31日或6月31日等无效
- 需要JavaScript/Regex来挑选和处理URL
- JavaScript Ile挑选流程
- 挑选和合并 JavaScript 数组
- 给按钮一个类,并使用javascript来挑选点击事件不工作