Question

我有一个横幅，宽度为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>

在哪个类中包含元素宽度。 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

你只需写一个像这样的onclick事件：新版本最好直接使用.on .click

DEMO

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

Answer 5

接受jQuery文档.width()＆amp; 。height()

.width（value）

描述：设置匹配元素集中每个元素的CSS宽度。

.width（值）

value 一个整数，表示像素数，或整数以及附加的可选测量单位（作为字符串）。

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

.width（功能（索引，宽度））

函数（索引，宽度）返回要设置的宽度的函数。接收集合中元素的索引位置和旧宽度作为参数。在函数内，这指的是集合中的当前元素。

HERE A DEMO JSFidlle

如何更改横幅宽度

5 个答案: