0 
$this.animate(  {
                width: +=50,
                height: +=50,
                padding-right:50px
                }

webkit/moz の境界属性とともに、ハイフンでつながれた CSS プロパティを使用できませんでした。引用符で囲み("padding-right")、ハイフンを完全に削除("paddingRight")しても問題は解決しませんでした。さらに、後者は webkit/moz 属性で機能しませんでした。

Chrome の検査ツールで表示されるエラーは次のとおりです。

Uncaught SyntaxError: Unexpected token -
4

3 に答える 3

4

ライブデモ

ハイフンがある場合は、引用符で囲む必要があります。そうしないと、正しく解析されず、構文エラーが発生します。これは jQuery プロパティ、一般的なオブジェクト プロパティに限定されないことに注意してください。

$this.animate(  {
                width: '+=50',
                height: '+=50',
                'padding-right':50
                } );

j08692 もコメントで正しく、paddingRight動作します。http://docs.jquery.com/index.php?title=Effects/animate&redirect=no

于 2012-04-30T02:39:49.133 に答える
0 
$(this).animate({
  width: // set the width to what you want it to end//
  height: //set the height to what you want in the end
  paddingRight: "50px", // use quotes and commas
});
于 2012-10-23T21:21:29.453 に答える
0

JavaScript 変数名にハイフンを使用することはできません。この問題に対処するために、jQuery は CSS プロパティ名にキャメルケースを使用します。

たとえば、代わりにpadding-rightを使用しますpaddingRight。

これで問題は解決しましたが、別の問題もあります。width: +=50とheight: +=50間違っています。50 ずつインクリメントしようとしていますが、インクリメントする変数がありません。あなたがやろうとしていることはわかります。おそらく次のものが必要です。

$this.animate({
  width: $this.width() + 50,
  height: $this.height() + 50,
  paddingRight: 50
});
于 2012-04-30T02:48:54.187 に答える