paip.JS的调试--DOM元素的属性与事件绑定
一段JQUERY1.7.2 的代码不能运行。。MS没起作用。
$('.frame120_240_select ul a').click(function(){
// alert();
$('#selectType').val($(this).html());
// setLinkid($(this).html());
});
$('.frame120_240 .frame120_240_select').hover(function(){
alert();
$(this).addClass('frame120_240_select_hover');
},function(){
$(this).removeClass('frame120_240_select_hover');
});
放在IE9下,打开JS调试。报告找不到CLICK属性。
或者用F12工具 ,启动JS调试,不用设断点。运行页面。精确停止定位到错误点。。
确实是引用的JQEURY的。只能是JQUERY的$冲突定义了一定是。。因为页面引用了好多JS,一定是覆盖了$方法,不好排查,没办法,只好用原生JS进行事件设置了。
先查找标签的事件属性。。百度DHTML,得到结果。。http://www.hbcms.com/main/dhtml/objects/a.html。。上面定义了A标签的属性。
我需要的是a.innerText..
然后要给DIV的MOUSEOVER和MOUSEOUT设置属性。可查找其DIV的属性。。最后结果是这样。
var div=document.getElementById("frame120_240_selectDiv");
div.onmouseover=function(){
this.className="frame120_240_select frame120_240_select_hover";
};
div.onmouseout=function(){
this.className="frame120_240_select";
};
然后IE9 F12,打上断点。运行在DIV这里,查看其onmouseover属性。可看到加载的事件,未加载的时候为NULL