2

わかりました、私はJqueryのハンドルを取得しようとしていますが、実際に実装しているので、何かを返すのが難しいと感じています.それを正しくロードするか、何かが機能しないランダムなタイプミスがある場合は、JavaScriptファイルが実際にリンクされていることを確認するために、document.writeを使用して単純なJavascriptコードを下部に追加したことを確認します。

h1をクリックしても何も起こりません。$(document).ready の中にある Jquery コマンドに関係なく、何もしません...何もしません。

実際の Jquery/Javascript は次のとおりです。

$(document).ready(function() {
  $("h1").click(function() {
    $(this).animate({color:blue}, 'fast');
 });
});

ここで、HTML でそれを呼び出しています (以下)。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>

.js スクリプトは実際には script.js と呼ばれ、HTML と同じディレクトリにあります。私は両方に少し慣れていないので、これは非常に初心者の間違いかもしれません。

4

2 に答える 2

2

コードにエラーがあります。テスト中に開発者ツールを使用してこれらをキャッチすることをお勧めします。

Uncaught ReferenceError: blue が定義されていません

この線：

$("h1").animate({color:blue}, 'fast');

blue が変数であることを想定しているため、文字列にする必要があります。

$("h1").animate({color:'blue'}, 'fast');

また、dystroy で述べたように、プラグインまたは jQuery UI ファイルが必要です。ドキュメントからの追加メモ:

注: jQuery UI プロジェクトは、色などの数値以外のスタイルをアニメーション化できるようにすることで、.animate() メソッドを拡張します。このプロジェクトには、個々の属性ではなく、CSS クラスを通じてアニメーションを指定するためのメカニズムも含まれています。

于 2013-03-14T17:56:49.893 に答える
1

ドキュメントから：

以下に示す場合を除き、すべてのアニメーション化されたプロパティは単一の数値にアニメーション化する必要があります。数値でないほとんどのプロパティは、基本的な jQuery 機能を使用してアニメーション化できません (たとえば、幅、高さ、または左はアニメーション化できますが、jQuery.Color() プラグインを使用しない限り、背景色はアニメーション化できません)。

それが主な問題です。数値プロパティでコードを試してみると、うまくいきます。

本当に色をアニメーション化したい場合は、上記のプラグインを使用することをお勧めします。

于 2013-03-14T17:55:01.400 に答える