0

我有一个横幅，他的宽度为 100%。当我单击一个按钮时，会制作（可能使用 jQuery）横幅的宽度为 980 像素。

有谁知道帮我解决这个问题？

我尝试了这段代码，但没有奏效。：/

<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

你只需要写一个点击事件就像这样：对于新版本.on直接使用更好.click

演示

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

请参阅 jQuery 文档.width() & 。高度（）

.宽度（值）

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

.宽度（值）

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

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

.width（函数（索引，宽度））

function(index, width)返回要设置的宽度的函数。接收集合中元素的索引位置和旧宽度作为参数。在函数中，this 指的是集合中的当前元素。

这里有一个演示 JSFidle

于 2012-11-30T10:10:46.753 回答