Chosen: FireFox์—์„œ ๋งˆ์šฐ์Šค ํœ  ์Šคํฌ๋กค์ด ๋ฉˆ์ถค

์— ๋งŒ๋“  2016๋…„ 06์›” 09์ผ  ยท  7์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: harvesthq/chosen

๋ฌธ์ œ #2543์—์„œ ๋ณด๊ณ ๋œ ๋Œ€๋กœ - Firefox์—์„œ ๋งˆ์šฐ์Šค ํœ ์„ ์‚ฌ์šฉํ•  ๋•Œ ์Šคํฌ๋กค์ด ์—ฌ์ „ํžˆ ๋งค์šฐ ๋ถˆ์•ˆ์ •ํ•ฉ๋‹ˆ๋‹ค.

์žฌํ˜„ ๋‹จ๊ณ„

Mac์šฉ ์ตœ์‹  FF(ํ˜„์žฌ ๋ฒ„์ „ 47.0)๋ฅผ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์„ ํƒ๋œ ๋ฐ๋ชจ ํŽ˜์ด์ง€ ์—์„œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š”์ง€ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์Šคํฌ๋กค๋ฐ”๋ฅผ ์ด์šฉํ•œ ์Šคํฌ๋กค์€ ๊ดœ์ฐฎ์€๋ฐ ๋งˆ์šฐ์Šค ๊ฐ€์šด๋ฐ๋กœ ์Šคํฌ๋กค์„ ํ•˜๋ฉด ๋„ˆ๋ฌด ๋ป‘๋ป‘ํ•ฉ๋‹ˆ๋‹ค.

ํ™˜๊ฒฝ

  • ์„ ํƒํ•œ ๋ฒ„์ „ : 1.5.1
  • jQuery ๋˜๋Š” ํ”„๋กœํ† ํƒ€์ž… ๋ฒ„์ „ : jQuery 1.9.1, ์ตœ์‹  jQuery 2.2.4๋กœ๋„ ํ…Œ์ŠคํŠธํ–ˆ๋Š”๋ฐ ๋™์ผํ•œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.
  • ๋ธŒ๋ผ์šฐ์ € ๋ฐ ๋ฒ„์ „ : FireFox v47.0
  • OS ๋ฐ ๋ฒ„์ „ : Mac OS X 10.10.5

    ์ถ”๊ฐ€ ์ •๋ณด

ํœ  ์ด๋ฒคํŠธ๋ฅผ ์ถ”๊ฐ€ํ•˜๊ณ  ์„ ํƒํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ์—์„œ ๋‹ค์Œ ์ค„์„ ๋ณ€๊ฒฝํ•˜์—ฌ ๋กœ์ปฌ์—์„œ ๋ฌธ์ œ๋ฅผ ์žฌํ˜„ํ•˜๊ณ  ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

this.search_results.bind('mousewheel.chosen DOMMouseScroll.chosen', function(evt) { _this.search_results_mousewheel(evt); });

์—๊ฒŒ

this.search_results.bind('mousewheel.chosen DOMMouseScroll.chosen wheel.chosen', function(evt) { _this.search_results_mousewheel(evt); });

์Šคํƒ ์˜ค๋ฒ„ํ”Œ๋กœ ์— ๋Œ€ํ•œ ์ œ์•ˆ์—์„œ ์ด ์ˆ˜์ • ์‚ฌํ•ญ์„ ์–ป์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ํŒจ์น˜๋กœ ์ œ๊ณตํ•˜๊ธฐ์—๋Š” ๊ทธ๊ฒƒ์— ๋Œ€ํ•ด ์ถฉ๋ถ„ํžˆ ์•Œ์ง€ ๋ชปํ•ฉ๋‹ˆ๋‹ค. ์•„๋งˆ๋„ ๋‹ค๋ฅธ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ๊นจ๋œจ๋ฆด ๊ฒƒ์ž…๋‹ˆ๊นŒ? ์ž˜ ๋ชจ๋ฅด๊ฒ ๋‹ค. ๋˜ํ•œ ์—ฐ๊ฒฐ๋œ ๋‹ต๋ณ€์—๋Š” ์˜ฌ๋ฐ”๋ฅธ ์ˆ˜์ •์ผ ์ˆ˜๋„ ์žˆ๋Š” MozMousePixelScroll์— ๋Œ€ํ•œ ๋‚ด์šฉ์ด ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.

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

+1

์ตœ์‹  ํŒŒ์ด์–ด ํญ์Šค์—์„œ์ด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.

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

์•Œ๊ฒ ์Šต๋‹ˆ๋‹ค. wheel.chosen ๋Œ€์‹  MozMousePixelScroll.chosen ๋ฅผ ๊ทธ ์ค„์— ์‚ฌ์šฉํ•ด ๋ณด์•˜์ง€๋งŒ ์ž‘๋™ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

wheel.chosen ๋ฅผ ๊ทธ๋Œ€๋กœ ๋‘์–ด๋„ Chrome ๋ฒ„์ „ 50 ๋ฐ Safari ๋ฒ„์ „ 9.1.1์—์„œ ์ •์ƒ์ ์œผ๋กœ ์ž‘๋™ํ•˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

Chrome์—์„œ ์ด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ๊ณ  jQuery 2.2์—์„œ 3.1๋กœ ์—…๊ทธ๋ ˆ์ด๋“œํ–ˆ๋Š”๋ฐ ์‚ฌ๋ผ์กŒ์Šต๋‹ˆ๋‹ค.

๊ฒฝ๋ จ์ด ๋ฌด์—‡์„ ์˜๋ฏธํ•˜๋Š”์ง€ ์ž˜ ๋ชจ๋ฅด๊ฒ ์ง€๋งŒ Firefox์˜ Chosen ๋ฐ๋ชจ ํŽ˜์ด์ง€์—์„œ ์ด์ƒํ•œ ์Šคํฌ๋กค ๋™์ž‘์ด ๋ณด์ž…๋‹ˆ๋‹ค(๋น ๋ฅธ ์Šคํฌ๋กค).

Firefox, Chosen ๋ฐ๋ชจ ํŽ˜์ด์ง€ ๋ฐ ๋‚ด ํŽ˜์ด์ง€์—์„œ ์ด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค. ๋ฐ”์ธ๋“œ ์ด๋ฒคํŠธ์— wheel.chosen ๋ฅผ ์ถ”๊ฐ€ํ•˜๋Š” ์›๋ž˜ ์ œ์•ˆ๋œ ์ˆ˜์ • ์‚ฌํ•ญ์ด ์ €์—๊ฒŒ ํšจ๊ณผ์ ์ด์—ˆ์Šต๋‹ˆ๋‹ค.

์ด๋ฒคํŠธ ์œ ํ˜•์„ DOMMouseScroll์—์„œ mousewheel๋กœ ๋ณ€๊ฒฝํ•˜๊ธฐ ๋•Œ๋ฌธ์— jquery-mousewheel์ด ์žˆ๋Š” Firefox์—์„œ ์ด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.
if (evt.type === 'DOMMouseScroll') {
์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค
๊ทธ๋ž˜์„œ ์šฐ๋ฆฌ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ฒƒ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.
if (evt.type === 'DOMMouseScroll' || (evt.type === 'mousewheel' && delta==3)) {

+1

์ตœ์‹  ํŒŒ์ด์–ด ํญ์Šค์—์„œ์ด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.

5K iMac macOS 10.14.6 ๋ฐ MacBook(๋ ˆํ‹ฐ๋‚˜ ์—†์Œ)์—์„œ 1.8.7๋กœ ์„ ํƒํ•œ ์ตœ์‹  Firefox(72.0.1), jQuery 3.2.1์ด ํฌํ•จ๋œ Chosen ๋ฐ๋ชจ ํŽ˜์ด์ง€ ๋ฐ ์šฐ๋ฆฌ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ์—ฌ์ „ํžˆ ๋ฒ„๊ทธ๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. jQuery 1.12.4.

Wenn์€ optgroup ์ฝ˜ํ…์ธ ๊ฐ€ ์žˆ๋Š” ๋“œ๋กญ๋‹ค์šด์„ ์Šคํฌ๋กคํ•ฉ๋‹ˆ๋‹ค(๋ฐ๋ชจ ํŽ˜์ด์ง€์—์„œ ์šฐ๋ฆฌ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๋ชจ๋“  ๋“œ๋กญ๋‹ค์šด). FF์˜ ์Šคํฌ๋กค์€ ๋งค์šฐ ๋ถˆ์•ˆ์ •ํ•˜๊ณ  div๋Š” ์Šคํฌ๋กคํ•˜๋Š” ๋™์•ˆ "์ ํ”„"ํ•ฉ๋‹ˆ๋‹ค. ํŠธ๋ž™ํŒจ๋“œ๋‚˜ MagicMouse๋ฅผ ์‚ฌ์šฉํ•˜์‹œ๋ฉด ๊ฐ€์žฅ ์ž˜ ๋ณด์ž…๋‹ˆ๋‹ค.

๋‘ ๊ฐ€์ง€ ์ˆ˜์ • ์‚ฌํ•ญ์€ ๋ฌธ์ œ์— ๋Œ€ํ•œ ์ž‘๋™ ์†”๋ฃจ์…˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
โ€“ ์œ„์—์„œ ์–ธ๊ธ‰ํ•œ "wheel.chosen" ์ถ”๊ฐ€ -> ์Šคํฌ๋กค์ด ๋ถ€๋“œ๋Ÿฌ์›Œ์ง€์ง€๋งŒ FF์—์„œ ๋งค์šฐ ๋Š๋ฆฝ๋‹ˆ๋‹ค.
โ€“ #2823์˜ "factor fix" ์ถ”๊ฐ€(jquery mousewheel ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์‚ฌ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค!) -> ์Šคํฌ๋กค๋ง์€ FF ๋ฐ ์ง€๊ธˆ๊นŒ์ง€ ํ…Œ์ŠคํŠธํ•œ ๋‹ค๋ฅธ ๋ชจ๋“  ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ •์ƒ์ž…๋‹ˆ๋‹ค.

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