我有菜單和子菜單是完全創建爲divs而不是ul li。因此,在懸停菜單元素時,我需要定位特定的div並顯示爲子菜單。我寫了一個jquery事件,通過傳遞子菜單id作爲數據目標來定位特定的div來顯示爲子菜單。當我應用中斷點時,循環進入內部,但無法刪除子菜單的初始屬性(display:none)爲(display:block)。 Here is the plunker link for more details。請讓我知道我哪裏錯了。子菜單沒有加載懸停
我明白這種方法是不對的。但是,我要發展,根據現有的HTML
$("#mainDiv div").hover(function() {
var menuliID = this.id; // id of clicked li by directly accessing DOMElement property
console.log(liID);
var subMenuId = jQuery(this).attr('data-target'); // jQuery's .attr() method
console.log(subMenuId);
jQuery('#' + menuliID).hover(function(){
console.log("entered inside function");
$('#' + subMenuId).css('display', 'block !important');
console.log('"#' + subMenuId + '"');
},
function() {
console.log("entered inside 2nd function")
jQuery('#' + subMenuId).css('display', 'none');
}
);
}
);
哇。這有助於。一旦光標已經在div元素中,不需要再次檢查懸停。爲什麼我沒有想到:)。 – shabarinath
如果我的回答解決了您的問題,請打勾我的回答@ shabarinath – Pritamkumar