獲取並設置css風格爲var

我只是begginer。我試圖將元素的字體大小變成變量。之後，我想使用這個變量來設置另一個元素的字體大小。獲取並設置css風格爲var

我一直在尋找12小時的解決方案，一無所獲。我會很感激任何提示。提前致謝。

我的代碼如下。

jQuery(window).scroll(function() { 

     var OldFont = jQuery('.mhmainnav').find('li').find('a').css("font-size"); 

     var windowTop = jQuery(window).scrollTop(); 

     if (windowTop > 280) { 

      jQuery('.mh-main-nav').find('li').find('a').css("font-size", "12px"); 

     } else { 

      jQuery('.mh-main-nav').find('li').find('a').css("font-size", OldFont); 
     } 
    });

來源

2016-07-28 dendi181

安置自己的HTML代碼也因此它將有助於充分回答 – mean

首先你查找'.mhmainnav'，稍後查找'.mh-main-nav'。此外，只需將'a'標籤存儲在變量中，無需每次都搜索相同的標籤。還要注意'find（）'調用是完全不安全的，你可以只用'jQuery（'.mh-main-nav li a'）.css（）'。 –

我唯一要改變的是將舊字體移動到滾動條之外，否則當您將字體大小更改爲12px時，OldFont將在您下次滾動時被覆蓋。

也許可能過於緩存你的錨選擇有更好的表現

另外，請檢查您的mhmainnav選擇 - 將其更改爲mh-main-nav

var anchors = jQuery('.mhmainnav').find('a'), // if you are reusing this in the scroll, cache it here for better performance 
    OldFont = anchors.css("font-size"); // set this before the scroll as it shouldn't change once set 

jQuery(window).scroll(function() { 
    var windowTop = jQuery(this).scrollTop(); 

    if (windowTop > 280) { 
    anchors.css("font-size", "12px"); 
    } else { 
    anchors.css("font-size", OldFont); 
    } 
});

來源

2016-07-28 09:21:34 Pete

試試這個：

$(document).ready(function(){ 
    $(window).scroll(function() { 
     var OldFont = parseInt($('p').css("font-size")); 
     alert(OldFont); 
    }); 
});

這將提醒字體大小，現在你手杖使用它作爲要求。

來源

2016-07-28 09:20:34

你可以試試這個下面的HTML和jQuery網頁摘要

HTML代碼

<ul class="mhmainav"> 
    <li> 
    <a href="" style="font-size:20px;">aaa</a> 
    <a href="" style="font-size:25px;">aaa</a> 
    <a href="" style="font-size:27px;">aaa</a> 
    <a href="" style="font-size:30px;">aaa</a> 
    </li> 
</ul>

JQuery的

var oldFont= $('.mhmainav li a'); 
$.each(oldFont, function(index, value){ 
    $(value).css('font-size'); // get font-size value 
    $(value).css('font-size','20px'); //set font-size value; 
});

來源

2016-07-28 09:27:05 Sridhar

var size = $(YOUR STYLE PARENT SELECTOR).css('font-size');

然後： -

$(YOUR STYLE Target Selector).css({ 'font-size': size });

希望這會幫助你:-)

來源

2016-07-28 09:32:27

獲取並設置css風格爲var

回答

相關問題