Question

jQuery在我的div上设置样式时似乎没有问题，就宽度而言，它不适用。

var $carouselWidth = 200;
$("div").css({
  'margin-left': -40,
  'width': $carouselWidth,
  'visibility': 'visible'
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<div style="background: black; height: 100px; width: 100px;"></div>

这似乎适用于此预览，但在我的网站上，其他所有内容都会应用但宽度。

更奇怪的是，如果我使用$('div').width()或$('div').css("width")检查它，它将输出200，即使画布中的元素没有应用这样的宽度。

编辑：

好的，所以代替人们关于发布相应代码的评论，我可以做的就是改变OP是为了确保jquery的版本是相同的。除此之外，我不能重现错误，除了指出你们到托管代码的网站。如果打开控制台，并使用jquery查询元素$('#fws_5a8c80107cce2')并尝试更改宽度，它将无法工作。无论我根据提供的答案尝试使用哪种x方法。

链接： http://www.leadingdc.com/buttercream/weddings/

希望这会有所帮助。

因为我提供了错误的选择器，所以必须再次编辑上面的内容。现在正确。

没关系，我不知道它是什么，但是当脚本加载时似乎存在一些不一致的事情。我能够在浏览器中成功地操作它几次，但它并非100％发生。而且，在我的代码（类似于代码片段）中，它根本不适用。

Answer 1

您在测量时错过了单位即使jQuery默认为Pixels，我也看到了需要声明单位的问题

我发现在服务器端设置变量时有时需要将其显式转换为int，否则需要附加单位

var $carouselWidth = 200;
$("div").css({
  'margin-left': '-40px',
  'width': $carouselWidth+'px',
  'visibility': 'visible'
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="background: black; height: 100px; width: 100px;"></div>

Answer 2

试试这个

$("div").width(100).height(200);

Answer 3

您可以尝试这样： -

var $carouselWidth = 400;
$("div").css({'margin-left': "-40px",
	     'width': $carouselWidth+'px',
	     'visibility': 'visible'
		});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="background: black; height: 100px; width: 100px;"></div>

Answer 4

试试这个，它正在寻找..

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

</head>

<body>

<p id="demo"></p>

<div id="h" style="background-color:black;">

</div>

<script>
    $("#h").css("height",222);

  $("#h").css("width",222);

</script> 

</body>

</html>

无法使用jquery设置div的宽度

4 个答案:

无法使用jquery设置di​​v的宽度

4 个答案:

无法使用jquery设置div的宽度