6

リンクと SPAN を含む DIV があります。

リンクをクリックすると、AJAX を使用してアイテムのリストが表示されます。項目をクリックすると、SPAN の内容が変更されます。

DIV の背景色を緑に設定し、jQuery を使用してアニメーション化して白に戻すことで、この変更を強調したいと思います。

  var originalColor = elementToUpdate.parentNode.style.backgroundColor;
  elementToUpdate.style.backgroundColor = 'green'; //lastSender.style.color;
  jQuery(elementToUpdate.id).animate({ backgroundColor: '#ffffff' }, 1000);

2行目でSPANの背景が緑に変わりますが、3行目は何もしません。エラーや変更はありません...

何か案は？

編集：以下のコメントでTed Naleidが指摘したように：

また、これを機能させるには、カラー アニメーション プラグインをインストールする必要があることに注意してください ( http://plugins.jquery.com/project/color )。インストールしていない場合、jQuery は色をアニメーション化できず、数値のみをアニメーション化できます。プロパティ (少なくとも 1.3.1 以降)。

4

1 に答える 1

9

.idすでに要素がある場合は必要ありません。jQuery に直接渡します。

jQuery(elementToUpdate).animate({ backgroundColor: '#ffffff' }, 1000);

elementToUpdate.idjQueryが（おそらく）セレクターとして解釈する文字列であるため、エラーは発生しません。たまたま何も選択しないセレクターです。

または、次のように言って有効なセレクターにすることもできます。

jQuery('#' + elementToUpdate.id).animate({ backgroundColor: '#ffffff' }, 1000);

ただし、要素自体は既にあるため、最初の形式が望ましいと思います。

于 2009-01-08T17:20:42.677 に答える