jQuery click事件在外层加上label标签无效

lcc616 2015-09-22 09:43:37

这个是HTML代码
<label>学校名称：
<input type="text" id="schoolName" placeholder="请点击选择学校" />
<div id="proSchool" class="provinceSchool">
<div class="title"><span>请选择学校</span></div>
<div class="proSelect">
<select></select>
<span>如没找到选择项，请选择其他手动填写</span>
<input type="text" />
</div>
<div class="schoolList">
<ul></ul>
</div>
<div class="button">
<button flag='0'>取消</button>
<button flag='1'>确定</button>
</div>
</div>
</label>

这个是js
//学校列表mouseover事件
$(document).on("mouseover","div[class='schoolList'] ul li", function() {
$(this).css("background-color", "#72B9D7");
});
//学校列表mouseout事件
$(document).on("mouseout","div[class='schoolList'] ul li", function() {
$(this).css("background-color", "");
});
//学校列表点击事件
$(document).on("click","div[class='schoolList'] ul li", function() {
$("#schoolName").val($(this).html());
$("div[class='provinceSchool']").hide();
});
//按钮点击事件
$(document).on("click","div[class='button'] button", function() {
var flag = $(this).attr("flag");
if ("0" == flag) {
$("div[class='provinceSchool']").hide();
} else if ("1" == flag) {
var selectPro = $("div[class='proSelect'] select").val();
if ("99" == selectPro) {
$("#schoolName").val($("div[class='proSelect'] input").val());
}
$("div[class='provinceSchool']").hide();
}
});

原来的label标签是与<input>和<div>并列的，后面我把label标签加在了外层，然后jQuery的click事件就无效了

请各位大神指教

...全文