0

div関数を使用してボタンがクリックされたときに要素をアニメーション化しようとしています。しかし、うまくいきません。何が問題なのですか？

JS:

function caller() {
    $("#hfont1").animate({
        "background-color": "#efbe5c"
    }, 1000);
}

HTML:

<div id="hfont1">Test Stuff</div>
<button id="bid" onclick="caller()">Hit me!</button>

CSS:

#hfont1 {
    color:#e8a010, font-size:48pt;
}

例はここにリンクされています: http://jsfiddle.net/GELTP/1117/

更新:セレクターの使用方法は知っていますが、使用時になぜ機能しないのかという疑問がありfunction _______ますか?

4

6 に答える 6

1

jsfiddle が内部でラップしているため、関数の呼び出し元はスコープ内にありませんwindow.load

//<![CDATA[
$(window).load(function(){
  function caller() {
    $("#hfont1").animate({"background-color":"#efbe5c"}, 1000);
   }
});//]]>

オプションをNo wrap in Headjsfiddle に変更してみてください >> http://jsfiddle.net/GELTP/1124/ <<

于 2013-06-27T14:35:13.307 に答える
1

私はonclick="caller()"取り出して、代わりに$('#bid').click(caller);jQueryビットに入れました。これは同じことを行い、あなたが望む結果を達成します。こちらをご覧ください：http://jsfiddle.net/GELTP/1118/

于 2013-06-27T14:31:37.640 に答える
0

あなたのjsfiddleが原因です。スクリプトは左側の設定で「onload」に設定されており、「<head>でラップしない」に設定すると機能します

于 2013-06-27T14:37:22.793 に答える