如何在CSS屬性的變量發生變化時執行jquery

當特定的css屬性發生變化時，我需要在包裝器上將scrollleft設置回0。我對jQuery有點新，並且從來沒有使用過變量，但是我假設我需要在函數前面聲明有些複雜的變量，然後在變量發生變化時執行該函數。我對麼？它需要不斷地響應這樣來調整查詢大小。這將是一個史詩般的解決方案，如果它的工作！如何在CSS屬性的變量發生變化時執行jquery

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

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

來源

2014-10-22 user3424554

在你的if裏添加'changer = $（「。dummy」）.css（「float」）;' – artm 2014-10-22 04:21:14

我有大約一個小時才能測試這個。這就是全部？代碼是否都很好，並且有望運行？編寫這些東西時我總是搞不清楚語法！ – user3424554 2014-10-22 04:26:01

這就是我可以從你發佈的代碼建議。當'float'發生變化時，您需要更新'changer'的值，以便下次更改if時再次執行。 – artm 2014-10-22 04:36:31

這裏是我的建議：使用ID作爲「dummy」，如果你的dom-tree中有多個「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; 
     } 
    }); 
});

來源

2014-10-22 05:46:42

我努力使這個代碼工作，或我提供的代碼。我有3個不同的CSS文件，這些文件根據瀏覽器大小自動切換，並且某些功能尚未正常工作。感謝您的建議，但。我會需要更多的時間來奉獻這個我猜的！ – user3424554 2014-10-29 05:28:19

嘿，這工作！非常感謝！！！歡呼你的朋友！現在進入下一個障礙..lol！ – user3424554 2014-11-07 02:03:23

兄弟沒問題;-) – 2014-11-07 12:51:59

您編寫的代碼將正常工作。

來源

2014-10-22 05:40:37

如何在CSS屬性的變量發生變化時執行jquery

回答

相關問題