2012-09-21 59 views
0

這個簡單的jquery .css語句不會在兩個函數內激活,我是否做錯了什麼?爲什麼這個jquery .css行在2個函數中不起作用?

的javascript:

function updateAllCSS(element, property, value) { 

    function updateThemeCreatorCSS(element, property, value) { 
     $(element).css(property, value) 
    } 
    updateThemeCreatorCSS(element, property, value) 
} 
} 

updateAllCSS('h1', 'backgroundColor', '#f00') 

HTML:

<h1>Test header</h1> 
+0

你需要,當你調用'updateAllCSS'引用你的字符串。 –

+0

對不起,這只是在這個重寫:它仍然無法正常工作? – Joe

+1

你有太多''''。 –

回答

4

這應該工作:

function updateAllCSS(element, property, value) { 
    function updateThemeCreatorCSS(element, property, value) { 
     $(element).css(property, value) 
    } 
    updateThemeCreatorCSS(element, property, value); 
} 

updateAllCSS('h1', 'background-color', '#f00'); 

有一個額外的}並傳遞給有'報價'需要updateAllCSS的參數。

+2

它也可以作爲'backgroundColor'。在JavaScript中可以將帶有連字符的CSS屬性引用爲camelCase。 –

+0

@RocketHazmat我站好了! – thewebguy

3

你有額外的},你應該引用你的參數。

jsFiddle example

function updateAllCSS(element, property, value) { 
    function updateThemeCreatorCSS(element, property, value) { 
        $(element).css(property, value) 
    } 
    updateThemeCreatorCSS(element, property, value); 
} 
updateAllCSS('h1', 'backgroundColor', '#f00');​ 
相關問題