2012-05-16 55 views
0

我在使用iThemes Builder構建的wordpress網站出現問題。需要重寫內聯css

當我添加插件Jquery的Megamenu,下拉由溢出切斷:隱藏屬性,我似乎無法在我的自定義CSS來覆蓋(使用等重要!)。

我被告知可能的解決方案是編寫一些Jquery來重寫內聯樣式,但我不知道如何繼續。任何人都可以幫忙嗎?

您可以在這裏查看網站http://www.labratrecords.com,megamenu是第二個下降。

在此先感謝。

回答

1

你最好是通過一個jQuery教程會先了解你在做什麼(這裏有一個從馬口http://docs.jquery.com/Tutorials:How_jQuery_Works),但設置元素的內聯CSS,你可以這樣做:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" 
type="text/javascript"></script> 

<script type="text/javascript"> 
    $(window).ready(function() { 

    $('#elementID').css('overflow', 'visible'); 

    } 
</script> 

您可以用任何css選擇器(包括選擇許多元素的選擇器)替換「#elementID」。 e.g

$('body').css('overflow', 'visible'); 

$('h2').css('overflow', 'visible');  

$('#toolbar a').css('overflow', 'visible'); 

更多的背景 連看的jQuery(這是一個JavaScript庫)這是很好的得到它自己的JavaScript交手前。他是一本簡短但寫得很好的巧克力工廠的簡介教程: http://code.google.com/edu/ajax/tutorials/intro-to-js.html

+0

好的非常感謝埃德,我會讀一讀這個,看看我能不能解決它。 (我不是程序員,但是把網站當做是朋友的好處,因此是愚蠢的問題。) 有一點我不太瞭解,但是我把這段代碼放在哪裏? 再次感謝:) – user1398467

+0

我添加的更新代碼可以直接進入html文件的標題。第一行包含jQuery庫(如果已包含它,可以將其刪除)。剩下的行是javascript代碼,就像css一樣,它可以放在html文件中或移出到單獨的文件中。我剛剛更改了一些js代碼以使用「.ready()」而不是「.load()」。 –

+0

謝謝埃德,非常感謝你的幫助。會讓你知道我如何繼續。 Tom – user1398467