Chosen: λΆ€νŠΈμŠ€νŠΈλž© 3.x λŒ€ν™” μƒμžμ—μ„œ μŠ€νƒ€μΌμ„ μ˜¬λ°”λ₯΄κ²Œ μ„ νƒν•˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€.

에 λ§Œλ“  2017λ…„ 05μ›” 31일  Β·  6μ½”λ©˜νŠΈ  Β·  좜처: harvesthq/chosen

μ—¬κΈ°μ—μ„œ 문제λ₯Ό μš”μ•½ν•˜μ„Έμš”.
λΆ€νŠΈμŠ€νŠΈλž© 3.x λŒ€ν™” μƒμžμ—μ„œ μŠ€νƒ€μΌμ„ μ˜¬λ°”λ₯΄κ²Œ μ„ νƒν•˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€.

μž¬ν˜„ 단계

λΆ€νŠΈμŠ€νŠΈλž©μ˜ CSS λ‘œλ“œ
λ‘œλ“œ λŒ€ν™” μƒμžλ₯Ό λ‘œλ“œν•©λ‹ˆλ‹€.
λŒ€ν™” μƒμžλ₯Ό μ—½λ‹ˆλ‹€

λ˜ν•œ μž¬ν˜„μ„ μ‹œλ„ν•  수 μžˆλ„λ‘ 문제λ₯Ό λ³΄μ—¬μ£ΌλŠ” μž‘λ™ 쀑인 데λͺ¨μ— λ§ν¬ν•˜μ‹­μ‹œμ˜€. 이 ν…œν”Œλ¦Ώ 을 기본으둜 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€. λ˜λŠ” 선택됨 데λͺ¨ νŽ˜μ΄μ§€ 에 λ¬Έμ œκ°€ ν‘œμ‹œ

μ˜ˆμƒλ˜λŠ” 행동

λ©‹μ§€κ²Œ μŠ€νƒ€μΌμ΄ μ§€μ •λ˜κ³  검색 κ°€λŠ₯ν•œ λ“œλ‘­λ‹€μš΄μ„ ν‘œμ‹œν•˜κΈ° μœ„ν•΄

μ‹€μ œ 행동

μ—¬κΈ° 당신이 κ°„λ‹€
image

ν™˜κ²½

  • μ„ νƒν•œ 버전 :
    selected_v1.6.2/

  • jQuery λ˜λŠ” ν”„λ‘œν† νƒ€μž… 버전 :
    /jquery/1.11.2/jquery.min.js'

  • λΈŒλΌμš°μ € 및 버전 :
    Mozilla/5.0(Windows NT 10.0; WOW64; rv:53.0) Gecko/20100101 Firefox/53.0

  • 운영 체제 및 버전 :
    μœˆλ„μš° 10

μΆ”κ°€ 정보

ν•΄λ‹Ή μ—†μŒ

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

μ’‹μ•„, 이것에 λŒ€ν•œ μ—…λ°μ΄νŠΈλ₯Ό μΆ”κ°€ν•˜κΈ°λ§Œ ν•˜λ©΄ λ©λ‹ˆλ‹€.
μ΄ˆκΈ°ν™” λ°©λ²•μ—μ„œ λ„ˆλΉ„λ₯Ό μ „λ‹¬ν•˜λ©΄ μœ„μ˜ ν•΄ν‚Ή 없이 λͺ¨λ‘ μž‘λ™ν•©λ‹ˆλ‹€.

$("select").chosen({
                search_contains : true, // kwd can be anywhere
                max_selected_options: 1,
                max_shown_results : 5, // show only 5 suggestions at a time
                width: "95%",
                no_results_text: "Oops, nothing found!"
            } );

λͺ¨λ“  6 λŒ“κΈ€

μ„ νƒλœ 1.6.2λŠ” μ΅œμ‹  버전이 μ•„λ‹™λ‹ˆλ‹€ . μ΅œμ‹  릴리슀 버전 μ—μ„œ μ—¬μ „νžˆ λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆκΉŒ?

가지고 μžˆλŠ”μ§€ ν™•μΈν•˜κ³  μ•Œλ €λ“œλ¦¬κ² μŠ΅λ‹ˆλ‹€.

예, μ΅œμ‹  1.7 λ²„μ „μ—μ„œλ„ λ¬Έμ œκ°€ μ—¬μ „νžˆ μžˆμŠ΅λ‹ˆλ‹€.

일뢀 stackoverflow 주제λ₯Ό ν™•μΈν•˜κ³  이 μˆ˜μ • 사항을 생각해 λƒˆμŠ΅λ‹ˆλ‹€.

$('.modal').filter('[class*=_dialog]').on('show.bs.modal', function () {
                // This makes the dialog expand when shown in a bootstrap dlg
                $(this).find('.chosen-container').css({width: "100%"});
            });

앱은 ν΄λΌμ΄μ–ΈνŠΈλ₯Ό μœ„ν•œ λ§žμΆ€ν˜•μ΄λ©° 링크λ₯Ό μ œκ³΅ν•  수 μ—†μŠ΅λ‹ˆλ‹€.

μ’‹μ•„, 이것에 λŒ€ν•œ μ—…λ°μ΄νŠΈλ₯Ό μΆ”κ°€ν•˜κΈ°λ§Œ ν•˜λ©΄ λ©λ‹ˆλ‹€.
μ΄ˆκΈ°ν™” λ°©λ²•μ—μ„œ λ„ˆλΉ„λ₯Ό μ „λ‹¬ν•˜λ©΄ μœ„μ˜ ν•΄ν‚Ή 없이 λͺ¨λ‘ μž‘λ™ν•©λ‹ˆλ‹€.

$("select").chosen({
                search_contains : true, // kwd can be anywhere
                max_selected_options: 1,
                max_shown_results : 5, // show only 5 suggestions at a time
                width: "95%",
                no_results_text: "Oops, nothing found!"
            } );

@lordspace 해킹에 κ°μ‚¬λ“œλ¦½λ‹ˆλ‹€. λ‹Ήμ‹ μ˜ 해결책을 μ°ΎλŠ” 데 κ½€ μ‹œκ°„μ΄ κ±Έλ ΈμŠ΅λ‹ˆλ‹€.

이 λ¬Έμ œκ°€ "bootstrap-chosen" 리포지토리(https://github.com/alxlit/bootstrap-chosen/issues/54)μ—μ„œ λ‹«νžŒ μ΄μœ κ°€ ν™•μ‹€ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

κ±±μ • 마. μ˜΅μ…˜μ„ 톡해 κ³ μΉ  수 μžˆλŠ” 경우 버그가 μ•„λ‹ˆλΌκ³  κ°€μ •ν•˜κ³  λ‹«μ•˜μ„ μˆ˜λ„ μžˆμ§€λ§Œ μ§€κΈˆ 생각해보면 기본적으둜 μž‘λ™ν•΄μ•Ό ν•©λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰