使用 jQuery 设置 CSS 属性

Using jQuery to set CSS attribute

本文关键字：属性 CSS 设置 jQuery 使用      更新时间：2023-09-26

有史以来第一个发布到Stackoverflow并编码newb。我见过很多例子，其中人们使用jQuery成功地设置了CSS属性。然而，经过许多令人沮丧的时间，我仍然没有看到明显的问题所在。这是我非常简化的代码。我知道如果我手动将此属性添加到 CSS 中，它会达到预期的效果。但是，我无法使用jQuery使其工作。任何帮助或建议将不胜感激。我觉得这应该很明显，但我没有看到。

我正在使用 RoR（并且我已经在应用程序中包含//=require jquery.js）

.CSS

    #magicaldiv{
                margin-left: -175px;
                margin-top: -20px;
                width:350px;
                height:40px;
                position:absolute;}

.JS

     var buttonPointer = $('#magicaldiv');
     $(document).ready(updatePointer);
     $(window).resize(updatePointer); 
     function updatePointer(){
                              buttonPointer.css('left', 200);}

我也尝试了jQuery和JS的几次迭代，包括但不限于。

.JS

     document.getElementById("magicaldiv").style.left = 200;

和

     var left = 200 + "px";
     buttonPointer.css('left', left);

和

     buttonPointer.css('left', '200px');

即使文档建议所有数字都将转换为字符串并假定为 PX。

您可能需要将

buttonPointer定义包装在document.ready调用中，具体取决于源代码的顺序。

var buttonPointer;
function updatePointer(){
  buttonPointer.css('left', 200);}
$(document).ready(function() {
  buttonPointer = $('#magicaldiv');
  updatePointer();
});
$(window).resize(updatePointer);
相关文章：