Question

jquery 鼠标点击事件要求只有第一次才响应

如下js实现的功能是，点击表单某个单元格时插入select事件，选中后触发change事件，但是当我鼠标点击选择时，click事件再次响应，又插入一个select事件，如何在选择select的选项的时候不要响应click事件？如果要是插入这句话的话
inner.click(function(){ return false;});，要放在什么地方，我试了好多地方都不行啊，求解啊，先多谢了
$(function(){
$("tbody tr:odd").css("background-color","#eee");
$("#tdId tr").each(function(){
var inner = $(this).children().eq(4);
var Id = $(this).children().eq(0);
inner.click(function(){
var tdIns = $(this);
var $sel = $('<select><option value="请选择">请选择</option>' +
'<option value="好评">好评</option>' +
'<option value="中评">中评</option>' +
'<option value="差评">差评</option></select>').bind("change",function(){
var inputText = $(this).val();
inner.width(tdIns.width());
inner.html(inputText);
$.post("EditCategory.action",{category:inputText,criticismId:Id.html()});
});
inner.append($sel);
});
});
});

Answer 1

在 inner.append($sel); 上面加上一句：

$sel.click(function(event){
event.stopPropagation();
});

阻止单击事件的向上传递···就哦了

了解一下 冒泡事件··