0

ここで何が問題なのかよくわかりません。色の互換性を持たせるために、jQueryUIを含めました。

<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-itema」に変更する必要があることに気づきました

'a'を追加してフォントの色を変更すると、完全に機能しました。

ExplosionPillsとJamesMontagneに感謝します。また、JamesにリンクしているそのWebサイトを使用します。

于 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 に答える