7-22 jq的事件冒泡解决方法

最近的任务比较多 已经从页面修改进步到了和jq打交道。遇到一个挺有趣一直没遇到过的问题。

事件冒泡。

意思就是说。

<tr id="tr"><td><input type ="button" value ="试试" id = "bt"/></td><td><%=Html .TextBox ("ty") %></td><td><a id="gg" href ="html;//sdfsdfsd.com">ty</a></td></tr>

$(document).ready(
function () {
$("#bt").click(
function () {
alert("bt"); })
$("#tr").live("click", function () {
alert("tr");
})

这个时候 点击bt的话竟然也会触发tr的时间~这个有点小爽，查了下解决的方式。有2种。一种是

event.stopPropagation(); 记得参数加上event

另外一种是wayman教我的 挺有意思的一个

直接在bt的时间后面加个return false 就可以避免了。

有用且简单，故mark之。