過濾器最後一個孩子當Hover元素

Question

我有問題當我想創建jquery的插件插件時，如果我選擇元素的子元素應該不選擇父元素。

也就是說inpect雙邊框actualy家裏唯一元素進行檢查，但是這是由家長跟隨。

這是我的jsfiddle

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

這個代碼我的插件怎麼叫

$(function(){ 

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


}); 

，我不明白爲什麼在iframe標籤元素不能懸停？

Answer 1

你看到的效果是因爲事件冒泡。 停止，你應該使用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); 
    }); 
}