Javascript 无法使用jquery设置div的宽度_Javascript_Jquery_Html

Javascript 无法使用jquery设置div的宽度

javascript jquery html

Javascript 无法使用jquery设置div的宽度,javascript,jquery,html,Javascript,Jquery,Html,在我的div上设置样式时，jQuery似乎没有问题，只是在宽度方面，它不适用 <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> <

在我的div上设置样式时，jQuery似乎没有问题，只是在宽度方面，它不适用

<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>

var$carouselWidth=200；
$（“div”）.css({
“左边距”：-40，
“宽度”：$carouselWidth，
“可见性”：“可见”
});
您的测量缺少单位
即使jQuery默认为像素，我也看到了需要声明的单位的问题
<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>

我发现，在服务器端设置变量时，有时需要将其显式转换为int
，否则需要追加单位
<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>


var$carouselWidth=200；
$（“div”）.css({
'左边距'：'-40px'，
“宽度”：$carouselWidth+'px'，
“可见性”：“可见”
});

试试这个
$("div").width(100).height(200);

<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>

您可以这样尝试：-
<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>


var$carouselWidth=400；
$（“div”）.css（{'margin-left'：“-40px”，
“宽度”：$carouselWidth+'px'，
“可见性”：“可见”
});
试试这个，它可以找到。。

<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>



<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>

$（“#h”）.css（“高度”，222）；
$（“#h”）.css（“宽度”，222）；
由于它在代码段中起作用，我们需要更多的代码来进行故障排除。如果服务器上的变量被设置为字符串而不是整数，则可能需要添加单位。实际上，我已经尝试了string方法，但没有用。还有其他的建议吗？来自jQuery.css（）文档：当一个数字作为值传递时，jQuery将把它转换成一个字符串，并将px添加到该字符串的末尾。如果属性需要px以外的单位，请将该值转换为字符串，并在调用该方法之前添加适当的单位。我理解文档中所说的，我只知道我看到了它不正确应用的问题。这就是ts的价值所在。另外，OP发布的代码是有效的，正如他们自己问题中的代码片段所示。他需要张贴一个他有问题的例子；从jQuery.css（）文档中可以看出：当一个数字作为值传递时，jQuery将把它转换成一个字符串，并将px添加到该字符串的末尾。如果属性需要px以外的单位，请将该值转换为字符串，并在调用该方法之前添加适当的单位。我也尝试过此方法，但它仍然不会改变宽度，尽管在尝试使用该方法获取宽度时，它将返回正确的值.width（）
尝试此方法。。它会很好用的$（“div”）.css（“高度”，123）；