javascript - jquery 不会触发该事件

标签 javascript jquery html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script type="text/javascript" src="jquery.js"></script>


  <script type="text/javascript">

  function buttonClicked(e)
  {

    alert(e.data.color);  
  }

 jQuery('#but1').bind('click',{color:'red'},buttonClicked);
  jQuery('#but2').bind('click',{color:'blue'},buttonClicked);
</script>
</head>



<body>

<br/><br/><br/><br/>
    <div align="center">
    <form action="" method="get">

    <input id="but1" type="button"  value="Red" />
    <input id="but2" type="button" value="Blue" />
    </form>
    </div>


</body>
</html>

点击时没有触发警报..这是为什么?

最佳答案

这有效:

function buttonClicked(e) {
    alert(e.data.color);  
}

$(document).ready(function(){
    jQuery('#but1').bind('click',{color:'red'},buttonClicked);
    jQuery('#but2').bind('click',{color:'blue'},buttonClicked);
});

http://jsfiddle.net/RTXxY/

关于javascript - jquery 不会触发该事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8550117/

相关文章:

javascript - 动态 Canvas 宽度和高度

javascript - 意外的标记 )

javascript - 如何根据另一个数组的内容对数组进行排序

javascript - 使用封闭标记对 html 表行进行分组

javascript - 重新创建媒体的图像缩放

jQuery 插件将彩色 css 转换为灰度?

javascript - socket.io 需要在重新连接时重新注册处理程序

javascript - 如何沿圆圈移动传单中的标记?

jquery - 刷新 HTML 页面

javascript - 使用 PHP 将动态行数从 html 表单/表提交到 MySQL