[英]Help with my simple javascript/jquery
I have an id #navigation li a and a class .menu-description . 我有一个id #navigation li a和一个类.menu-description。 I want to change class from .menu-description to .menu-descriptionnew whenever user hovers on #navigation li a
每当用户在#navigation li a上盘旋时,我想将类从.menu-description更改为.menu-descriptionnew
My jquery so far: 到目前为止我的jquery:
<script>
$(document).ready(function() {
$('#navigation li a').onmouseover(function() {
//Check if element with class exists, if so change it to new
if ($('div.menu-description').length != 0)
$('div.menu-description').removeClass('menu-description').addClass('menu-descriptionnew');
//Check if element with class 'menu-descriptionnew' exists, if so change it to 'menu-description'
else if ($('div.menu-descriptionnew').length != 0)
$('div.menu-descriptionnew').removeClass('menu-descriptionnew').addClass('menu-description');
});
});
</script>
But it's not working. 但它不起作用。 Any suggestions?
有什么建议么? Thanks!
谢谢!
The jQuery event is " mouseover " not "onmouseover" jQuery事件是“ 鼠标悬停 ”而不是“onmouseover”
You could clean up your code a lot with the use of .toggleClass() method and the
.hover() event
您可以使用.toggleClass()方法和
.hover()事件清理代码
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.