-2

次のコードを実行しようとしています：

$(document).ready({

    $("#menu-nav a").hover(
         function () {
           $(this).css ( marginRight: '20px' );
         }, 
         function () {
            $(this).css ( marginRight: '10px' );
         }
     );



}); //end ready

しかし、私の Dreamweaver レポートとエラーが表示されます$("#menu-nav a").hover(。セレクターを使用しても大丈夫#menu-nav aですか、それとも別のものにする必要がありますか?

4

4 に答える 4

3

問題はこれの代わりです：

$(document).ready({

あなたはこれを必要とします：

$(document).ready(function () {

ご存知だと思いますが、エラーが次の行にあることが示されているため、見落としがちです。

別の問題:

ここでも問題が発生すると思います。

 $(this).css ( marginRight: '20px' );

jQuery docs に従って、これを使用する必要があります。

 $(this).css ('margin-right', '20px');

別の方法:

ここでもう 1 つ、完全な回答を示します。コメントに記載されているように、使用したくない場合は、jQuery はまったく必要ありません。これを試して：

#menu-nav a:hover { margin-right: 20px; }

好きなスタイルを追加できます。

于 2012-11-21T14:19:04.643 に答える
3

あなたの例では

$(document).ready({...});

する必要があります

$(document).ready(function(){
    //...
});

また、変更

$(this).css ( marginRight: '20px' );

に

$(this).css('marginRight','20px');

また

$(this).css({'marginRight':'20px'});

両方の行で

于 2012-11-21T14:19:28.610 に答える
2

オブジェクトを渡さないため、使用できません。次のようproperty: valueにコーディングできます。

$(this).css({ marginRight: '20px'});

また：

$(this).css( 'marginRight', '20px' );
于 2012-11-21T14:20:05.297 に答える
0

私はこの規則を使用して、無数の括弧と括弧で迷子になったり混乱したりしないようにします。

$(document).ready(DocReady);

function DocReady()
{       
       // More code here
}

利点は、ボタンクリックからDocReady関数を呼び出すこともできることです（おそらくそれをテストするために）。

于 2012-11-21T14:22:51.423 に答える