我有以下脚本
(function(win){
var doc = win.document;
if (doc.querySelector && doc.addEventListener) {
var toggler = doc.querySelector('.toggle-menu')
var menu = doc.querySelector('.main-nav ul');
menu.style.height = '0px';
toggler.addEventListener('click',function(e) {
e.preventDefault();
if (menu.style.height == '0px') {
menu.style.height = 'auto';
if (menu.clientHeight != 0) {
menu.style.height = menu.clientHeight+'px';
}
} else {
menu.style.height = '0px';
}
});
}
})(this);
Run Code Online (Sandbox Code Playgroud)
该脚本的jQuery版本是什么,因为我找不到与clientHeight等效的jQuery.
我正在使用http://designwithpc.com/Plugins/Hovercard,但我无法找到如何在hovercard上声明var.每个job-desc都有自己的ID,应该在悬停labeldes时调用.我希望我解释得很好.
<li id="577" class="item">
<span>
<h3 class="padding-left"><label class="labeldesc" for="">Text</label></h3>
</span>
<span class="job-descr" id="hiden-577">TextTextTextTextText</span>
</li>
<li id="588" class="item">
<span>
<h3 class="padding-left"><label class="labeldesc" for="">Text2</label></h3>
</span>
<span class="job-descr" id="hiden-588">Text2Text2Text2Text2Text</span>
</li>
Run Code Online (Sandbox Code Playgroud)
Jquery代码
$('.labeldesc').hovercard({
var idhover=$(this).closest('.item').attr('id');
detailsHTML:$("#hiden-" + idhover).html()
});
Run Code Online (Sandbox Code Playgroud) javascript jquery jquery-plugins jquery-selectors jquery-events