Javascript 当具有CSS属性的变量发生更改时,如何执行jquery

Javascript 当具有CSS属性的变量发生更改时,如何执行jquery,javascript,jquery,html,css,Javascript,Jquery,Html,Css,当特定css属性更改时,我需要在包装器上将scrollleft设置回0。我对jquery有点陌生,从未使用过变量,但我假设我需要在函数之前声明有点复杂的变量,然后在变量更改时执行函数。我说得对吗?它需要像这样不断地响应以调整查询的大小。这将是一个史诗般的解决方案,我如果它的工作 var changer = $(".dummy").css("float"); //whatever the float property is $(document).ready(){ $(window).r

当特定css属性更改时,我需要在包装器上将scrollleft设置回0。我对jquery有点陌生,从未使用过变量,但我假设我需要在函数之前声明有点复杂的变量,然后在变量更改时执行函数。我说得对吗?它需要像这样不断地响应以调整查询的大小。这将是一个史诗般的解决方案,我如果它的工作

var changer = $(".dummy").css("float"); //whatever the float property is

$(document).ready(){
    $(window).resize(function(){
        if ($(".dummy").css("float") != changer ){
        $(".wrapper").scrollLeft(0);
        }
});

您编写的代码可以很好地工作。

我的建议是:使用ID作为“dummy”,如果dom树中有多个“dummy”,则可以从jquery获得一个包含html元素的数组

$(document).ready(function() {
    // First init for "dummy"
    var $dummy = $("#dummy"),
        dummyFloat = $dummy.css("float");

    $(window).resize(function () {
        var dynamicDummyFloat = $dummy.css("float");

        if (dynamicDummyFloat != dummyFloat) {
            $(".wrapper").scrollLeft(0);
            dummyFloat = dynamicDummyFloat;
        }
    });
});

添加
changer=$(“.dummy”).css(“float”)在你的if中。我有大约一个小时的时间来测试这个。就这些吗?代码是否都很好,并且可以正常工作?我写这些东西的时候总是搞砸语法!这就是我从你发布的代码中所能提出的所有建议。当
float
发生更改时,您需要更新
changer
的值,以便下次它更改时,您的if再次执行。我正在努力使此代码或我提供的代码正常工作。我有3个不同的CSS文件,根据浏览器大小自动切换,但有些东西还不能正常工作。谢谢你的建议。我想我还需要花更多的时间在这件事上!嘿,这成功了!谢谢!!!为你的朋友干杯!现在进入下一个跨栏..哈哈!好吧,在更新了这个代码,使其受css“color”而不是“float”的影响,并将其组合到我的代码的其余部分之后,我实际上仍然无法让scrollLeft继续工作。这是我在JSFIDLE中的超级精简代码。我做错了什么?我的目标是,每当DUMMY的color属性更改时,包装器都将恢复为0。如果你能帮助我,我将非常感激!