章節連結
近期在使用 jQuery 來控制 css 時,一時不察忽略了其本身對於 css 字串的解析,導致花費很多時間除錯。這邊筆記下若要用 jQuery 加入 !important 的有效方法。
方法
由於 jQuery 所提供的 $.css() 方法是無法解析 !important 字串的,而會自動忽略,所以有以下的替代方法:
1. addClass()
用 addClass 新增一個 class 名稱,然後再這個 class 內容中撰寫 !important 即可
2. attr()
因為 attr() 方法是直接寫入你的字串到 style 中,所以可以直接使用,不過要注意當沒有 style 時的情況。
像是:$(‘#elem’).attr(‘style’, function(i,s) { return (s || ”) + ‘width: 100px !important;’ })
資料來源
1. How to apply !important using .css()?
按讚加入粉絲團