0

div の背景画像プロパティを変更して、画像の一部を拡大しようとしています。これが適切な方法かどうかはわかりませんが、今のところうまくいきます！唯一の問題は、.css() を介して複数のプロパティを渡すことです。プロパティは、個別に呼び出すと機能しますが、一緒には機能しません! このコードが機能しない理由を教えてください。

$(document).ready(function () {
    $(".zoom").click(function () {
        $('.gal').css({
            background-size: "200% 200%",
            background-position: "center"
        });
    });
});

Google マップ スタイルの画像ズームを作成するためのより良いアイデアはありますか? ありがとう

4

1 に答える 1

4

変化する

$('.gal').css({
  background-size: "200% 200%",
  background-position : "center"
});

DOM プロパティ表記に:

$('.gal').css({
  backgroundSize: "200% 200%",
  backgroundPosition : "center"
});

または、CSS プロパティ名を引用符で囲みます:

$('.gal').css({
  'background-size': "200% 200%",
  'background-position' : "center"
});

ドキュメントを参照してください：

また、jQuery は、複数単語のプロパティの CSS および DOM フォーマットを同等に解釈できます。たとえば、jQuery は .css({'background-color': '#ffe', 'border-left': '5px solid #ccc'}) と .css({backgroundColor: '# ffe', borderLeft: '5px solid #ccc'})。DOM 表記では、プロパティ名を囲む引用符はオプションですが、CSS 表記では、名前にハイフンが含まれているため必須であることに注意してください。

于 2013-06-14T17:16:44.433 に答える