如何更改橫幅的寬度

Question

我有一面橫幅，他的寬度為100％。 當我單擊一個按鈕時，將使（也許使用jQuery）橫幅的寬度為980px。

有誰知道可以幫我這個忙嗎？

我嘗試了這段代碼，但是沒有用。 ：/

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

在哪個類中包含元素的寬度是。 Fullwidthbanner。 PS：它在樣式表中。 謝謝

Answer 1

看起來您只需要執行一些代碼格式設置即可。

$(document).ready( function() {
    $("#botao").click(function() {
            $('.fullwidthbanner').css("width","980px");
    });
});

Answer 2

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

Answer 3

<script>
$(document).ready(function() {
  $('#botao').click(function() {
     $('.fullwidthbanner').css('width', '980px');
  });
});
</script>

別忘了jQuery選擇器中的引號

Answer 4

你只有寫上單擊事件liket這樣的：掙點是新版本的使用.on ，而不是直接.click

演示

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

Answer 5

引用 jQuery Docs .width（） ＆。 高度（）

.width（值）

說明：設置匹配元素集中每個元素的CSS寬度。

---

.width（ 值 ）

value一個代表像素數的整數，或者一個整數以及附加的可選度量單位（作為字符串）。

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

---

.width（ function（index，width） ）

function（index，width）一個函數，返回要設置的寬度。 接收元素在集合中的索引位置和舊寬度作為參數。 在函數內，這是指集合中的當前元素。

這里有一個演示JSFidlle