0

彼の幅が 100% のバナーがあります。ボタンをクリックすると、バナーの幅が980pxになります（おそらくjQueryで）。

これを手伝ってくれる人はいますか？

このコードを試しましたが、うまくいきませんでした。:/

<script type="text/javascript">
$(document).ready( function() {
    $("#botao").click(function() {
        $f(.fullwidthbanner).css("width","100%");
        }).click(function() {
        $(.fullwidthbanner).css("width","980px");
    })
})
</script>

要素の幅が含まれるクラス。全幅バナー。PS: スタイルシートにあります。ありがとう

4

5 に答える 5

1

コードの書式設定が必要なようです...あなたは正しい方向に進んでいます。

$(document).ready( function() {
    $("#botao").click(function() {
            $('.fullwidthbanner').css("width","980px");
    });
});
于 2012-11-30T09:54:03.240 に答える
1 
<script type="text/javascript">
$(document).ready( function() {
  $("#botao").click(function() {
     $('.fullwidthbanner').css("width","980px");
  });
});
</script>
于 2012-11-30T09:54:34.253 に答える
1 
<script>
$(document).ready(function() {
  $('#botao').click(function() {
     $('.fullwidthbanner').css('width', '980px');
  });
});
</script>

jQueryセレクターの引用符を忘れないでください

于 2012-11-30T09:55:50.467 に答える
0

jQuery ドキュメント.width() & を参照してください。身長（）

.width(値)

説明:一致した要素のセット内の各要素の CSS 幅を設定します。

.width(値)

valueピクセル数を表す整数、またはオプションの測定単位を (文字列として) 付加した整数。

(function() {
  var modWidth = 50;
  $("div").one('click', function () {
    $(this).width(modWidth).addClass("mod");
  modWidth -= 8;
  });
})();
​

.width(関数(インデックス、幅) )

function(index, width)設定する幅を返す関数。セット内の要素のインデックス位置と古い幅を引数として受け取ります。関数内では、これはセット内の現在の要素を参照します。

デモはこちら

于 2012-11-30T10:10:46.753 に答える
0

次のようなクリックイベントを書くだけでよい：新しいバージョンを.on直接使用する方が良い.click

デモ

<script type="text/javascript">
$(document).ready( function() {
  $("#botao").on("click",function() {
     $(".fullwidthbanner").css("width","980px");
  });
});
</script>
于 2012-11-30T09:55:29.813 に答える