jquery不会解雇这个事件

Question

    <!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>

点击时没有触发警报。为什么？

Answer 1

您将脚本放在上面定义元素的位置，因此当代码执行时，没有任何内容可以绑定。 最简单的解决方案是仅在文档准备好时执行脚本。

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

Answer 2

这有效：

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/

jquery不会解雇这个事件

问题描述

2 个解决方案

解决方案1
1 2011-12-18 06:06:22

解决方案2
1 已采纳 2011-12-18 06:08:09

jquery不会解雇这个事件

问题描述

2 个解决方案

解决方案1 1 2011-12-18 06:06:22

解决方案2 1 已采纳 2011-12-18 06:08:09

解决方案1
1 2011-12-18 06:06:22

解决方案2
1 已采纳 2011-12-18 06:08:09