用於修改CSS類填充的jQuery代碼

在我的網頁Lemendu上，我設置了兩個CSS類「redback」和「greenback」，對應於我的頂級菜單部分「ESPAÑOL」和「FRANÇAIS」右側。但我有一個媒體查詢的問題：在寬度767px下，兩個CSS類與屏幕不匹配。我希望他們與我的頂級菜單的其他CSS類垂直排列（也就是說沒有任何填充或邊距）。我無法直接在我的媒體查詢文件的每個屏幕尺寸上更改我的CSS類，因爲那樣它將與767px以下的屏幕不匹配。用於修改CSS類填充的jQuery代碼

我發現唯一的解決方案是直接調整我的jQuery文件中的兩個CSS類，告訴他我不需要任何填充。（除非有人有任何CSS解決方案）。但我完全知道jQuery代碼。

這裏是我的CSS兩大類：

.redback {font-size:15px; color:#1b1c1e; padding:0px 10px 0px 120px; font-weight:400; width: 50px; position: relative; } 
.greenback {font-size:15px; color:#1b1c1e; padding:0px 20px 0px 10px; font-weight:400; width: 50px; }

這是我的jQuery代碼：

jQuery(document).ready(function(){ 


    jQuery('#nav-button').click(function() { 
      jQuery('#options li').toggle(); 
    }); 

    if (jQuery(window).width() < 767) { 
    jQuery('#options li a').click(function() { 
      jQuery('#options li').hide(); 
    }); 
    } 

    jQuery(window).resize(function() { 
    if (jQuery(window).width() < 767) { 
    jQuery('#options li a').click(function() { 
      jQuery('#options li').hide(); 

    jQuery(window).resize(function() { 
    if (jQuery(window).width() > 767) { 
      jQuery('#options li').show(); 
      jQuery('#options li a').click(function() { 
      jQuery('#options li').show(); 
    }); 
    } 
    }); 

});

我感謝你在爲你的命題，任何幫助表示讚賞。

來源

2013-10-18 David

您應該使用CSS媒體查詢。你引用它們，但你實際上並沒有在你的代碼中使用任何代碼。 –

這就是爲什麼我需要幫助，因爲我不知道如何在我的jQuery文件中構建它，我對此很陌生。 – David

在你的CSS媒體查詢：

媒體=「所有」 @media只有屏幕和（最大寬度：767px） .redback和.greenback你需要刪除的推文的墊襯去旁邊。所有你需要的是每種顏色的風格。

來源

2013-10-18 16:39:32

用於修改CSS類填充的jQuery代碼

回答

相關問題