2013-05-22 29 views
0

我有问题当我想创建jquery的插件插件时,如果我选择元素的子元素应该不选择父元素。过滤器最后一个孩子当Hover元素

enter image description here

也就是说inpect双边框actualy家里唯一元素进行检查,但是这是由家长跟随。

这是我的jsfiddle

http://jsfiddle.net/Rp7hr/46/ 

这个代码我的插件怎么叫

$(function(){ 

    //generate dropdown list 
    var test = $('.summary').ksinspect(); 


}); 

,我不明白为什么在iframe标签元素不能悬停?

回答

2

你看到的效果是因为事件冒泡。 停止,你应该使用event.stopPropagation()

这里更新DEMO

见更新

_ks.onMouseOver = function() { 
    var el = ktm.query(document).find('*'); 
    el.on('mouseenter',function(e){ 
     e.stopPropagation(); // THIS is newly added line... 
     var d = new Date(); 
     var id = d.getTime() + randomID(1); 
     var parents = ktm.query(this).parents("*"); 
     var getParents = _get_parents(ktm.query(this)); 
     ktm.query(this).attr('data-key',id); //add attr data-key 
     ktm.query(getParents).removeClass('glare'); //remove class 
     ktm.query("[data-key=" + id + "]").addClass('glare'); //add class 
     console.log("selector = " + getParents); 
     console.log("cusrrent selector = " + this); 
    }); 
} 
+0

感谢那是工作,没羽知道为什么iframe元素是不能悬停? – viyancs

+0

@viyancs您正在浏览iframe的浏览器?在铬中它看起来很好,没有任何问题在IFRAME上。但是IFrame文档中的元素可能因安全问题而无法工作。 如果这解决了您的问题,请接受为答案 –

+0

安全问题?你能给我提供这方面的参考,我需要我的冒险。我使用的是chrome 26. – viyancs

相关问题