0

我不太确定这里有什么问题。我已经包含了 jQuery UI,这样我就有了颜色兼容性。

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/jquery-ui-1.10.0.custom.js"></script>

我之前也尝试过使用 jQuery 颜色插件。

我想更改字体颜色,但我的代码似乎不起作用。我添加了 backgroundColor 来测试它并且有效。

如果您有任何想法为什么它不起作用,请告诉我。

$('.menu-item').mouseover(function() {
  $(this).animate({
    color: '#fff',
    backgroundColor: '#000000',
  }, 500, function(     
  ) {
  });
});

$('.menu-item').mouseleave(function() {
  $(this).animate({
    color: '#fff',
    backgroundColor: '#ffffff',
  }, 500, function(
  ) {
  });
});
4

2 回答 2

0

我意识到我需要将目标更改为 '.menu-item' 到 '.menu-item a'

一旦我添加了“a”并更改了字体颜色,它就完美地工作了。

感谢 Explosion Pills 和 James Montagne。我也将使用您链接到詹姆斯的那个网站。

于 2013-01-23T15:23:28.293 回答
0

它不起作用,因为mouseleave您没有将字体颜色设置回黑色,所以它变得不可见试试这个它正在工作。

$('div').mouseover(function() {
  $(this).animate({
  color: '#fff',
  backgroundColor: '#000000',
}, 500, function(     
    ) {
   });
});

$('div').mouseleave(function() {
  $(this).animate({
  color: '#000',
  backgroundColor: '#ffffff',
}, 500, function(
  ) {
  });
});

检查小提琴

于 2013-01-23T11:52:13.903 回答