Material-design-lite: componentHandler.upgradeElements()๋Š” jQuery ์„ ํƒ๊ธฐ์™€ ํ•จ๊ป˜ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2015๋…„ 10์›” 21์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: google/material-design-lite

์•ˆ๋…•ํ•˜์„ธ์š”!

JavaScript์—์„œ ์ถ”๊ฐ€๋œ ๋™์  ๋ฐ์ดํ„ฐ๊ฐ€ ์žˆ๋Š” ํ…Œ์ด๋ธ”์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ํ…Œ์ด๋ธ”์—๋Š” ์ฒดํฌ๋ฐ•์Šค ์—ด์ด ์žˆ์œผ๋ฏ€๋กœ upgradeElements ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ฒดํฌ๋ฐ•์Šค๋ฅผ ๋ Œ๋”๋งํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์ผ๋ฐ˜ JavaScript๋กœ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

e2

๊ทธ๋Ÿฌ๋‚˜ ๋™์ผํ•œ ์„ ํƒ๊ธฐ๋ฅผ ์‚ฌ์šฉํ•˜๋”๋ผ๋„ jQuery์—์„œ๋Š” ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

e1

๊ทธ๋ ‡๋‹ค๋ฉด jQuery๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ด ๊ธฐ๋Šฅ์„ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

jQuery๋Š” DOM ๊ฐ์ฒด๋ฅผ ๋ฐ˜ํ™˜ํ•˜์ง€ ์•Š๊ณ  jQuery ๊ฐ์ฒด๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. IIRC, $('...').get() ๊ฐ€ ์ž‘๋™ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋ชจ๋“  3 ๋Œ“๊ธ€

jQuery๋Š” DOM ๊ฐ์ฒด๋ฅผ ๋ฐ˜ํ™˜ํ•˜์ง€ ์•Š๊ณ  jQuery ๊ฐ์ฒด๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. IIRC, $('...').get() ๊ฐ€ ์ž‘๋™ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋˜ํ•œ ์ด๋Ÿฌํ•œ ์งˆ๋ฌธ์€ material-design-lite ํƒœ๊ทธ๊ฐ€ ์žˆ๋Š” StackOverflow์— ์†ํ•ฉ๋‹ˆ๋‹ค. GH ๋ฌธ์ œ ์ถ”์ ๊ธฐ๋Š” ๋ฒ„๊ทธ, ๋ฌธ์ œ ๋ฐ ๊ธฐ๋Šฅ ์š”์ฒญ ์ „์šฉ์ž…๋‹ˆ๋‹ค.

@surma๋‹˜, ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰