Chosen: 데이터 자리 ν‘œμ‹œμžκ°€ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€

에 λ§Œλ“  2011λ…„ 08μ›” 11일  Β·  22μ½”λ©˜νŠΈ  Β·  좜처: harvesthq/chosen

차라리 이것이 μ˜΅μ…˜μ΄λΌκ³  보고 μ‹ΆμŠ΅λ‹ˆλ‹€.

FF5.0 및 IE9μ—μ„œ μ—¬μ „νžˆ "일뢀 μ˜΅μ…˜ 선택"이 ν‘œμ‹œλ©λ‹ˆλ‹€.

  <select data-placeholder="Select State(s)..." class="state_list" multiple>
    <option value=""></option> 
    <option value="OL">(Online Courses)</option>
    <option value="AL">Alabama</option>
    <option value="AK">Alaska</option>
    <option value="AZ">Arizona</option>
    <option value="AR">Arkansas</option>
    <option value="CA">California</option>
    <option value="CO">Colorado</option>
    <option value="CT">Connecticut</option>
    <option value="DE">Delaware</option>
    <option value="DC">District of Columbia</option>
    <option value="FL">Florida</option>
    <option value="GA">Georgia</option>
    <option value="HI">Hawaii</option>
    <option value="ID">Idaho</option>
    <option value="IL">Illinois</option>
    <option value="IN">Indiana</option>
    <option value="IA">Iowa</option>
    <option value="KS">Kansas</option>
    <option value="KY">Kentucky</option>
    <option value="LA">Louisiana</option>
    <option value="ME">Maine</option>
    <option value="MD">Maryland</option>
    <option value="MA">Massachusetts</option>
    <option value="MI">Michigan</option>
    <option value="MN">Minnesota</option>
    <option value="MS">Mississippi</option>
    <option value="MO">Missouri</option>
    <option value="MT">Montana</option>
    <option value="NE">Nebraska</option>
    <option value="NV">Nevada</option>
    <option value="NH">New Hampshire</option>
    <option value="NJ">New Jersey</option>
    <option value="NM">New Mexico</option>
    <option value="NY">New York</option>
    <option value="NC">North Carolina</option>
    <option value="ND">North Dakota</option>
    <option value="OH">Ohio</option>
    <option value="OK">Oklahoma</option>
    <option value="OR">Oregon</option>
    <option value="PA">Pennsylvania</option>
    <option value="PR">Puerto Rico</option>
    <option value="RI">Rhode Island</option>
    <option value="SC">South Carolina</option>
    <option value="SD">South Dakota</option>
    <option value="TN">Tennessee</option>
    <option value="TX">Texas</option>
    <option value="UT">Utah</option>
    <option value="VT">Vermont</option>
    <option value="VA">Virginia</option>
    <option value="WA">Washington</option>
    <option value="WV">West Virginia</option>
    <option value="WI">Wisconsin</option>
    <option value="WY">Wyoming</option>
  </select>

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

λͺ¨λ“  μ˜΅μ…˜ μ•žμ— 빈 μ˜΅μ…˜μ„ λ°°μΉ˜ν•΄μ•Ό ν•©λ‹ˆλ‹€.

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

μ‹ κ²½ 쓰지 λ§ˆμ„Έμš”. λ‚˜λŠ” tomapano 브랜치λ₯Ό λ‹€μš΄λ‘œλ“œν•˜κ³  title 속성을 μ‚¬μš©ν–ˆμŠ΅λ‹ˆλ‹€.

λ‚˜λŠ” tompaton 지점을 μ˜λ―Έν–ˆλ‹€

이 λ¬Έμ œμ— 직면해 있으며 ν•΄κ²°ν•  수 μ—†μŠ΅λ‹ˆλ‹€. λ„μ™€μ£Όμ„Έμš”.

1.4.3 μ΄μ „μ˜ jQueryλ₯Ό μ‚¬μš©ν•˜λŠ” 경우 jQuery.data()에 HTML5 데이터 속성에 λŒ€ν•œ 지원을 μΆ”κ°€ν•˜λ €λ©΄ 이 μˆ˜μ • 사항을 μΆ”κ°€ν•΄μ•Ό ν•©λ‹ˆλ‹€.

http://binarykitten.me.uk/dev/jq-plugins/288-html5-data-attributes-and-jquerys-data-pairing-made-in-heaven.html

λ™μΌν•œ λ¬Έμ œκ°€ λ°œμƒν•˜κ³  jquery 1.6.4λ₯Ό μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€...

제거된 jqueryλ₯Ό μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆκΉŒ? 1.6.4λŠ” ν™•μ‹€νžˆ μž‘λ™ν•΄μ•Ό ν•©λ‹ˆλ‹€.

μ•„λ‹ˆμ•Ό 풀버전이야

문제λ₯Ό λ³΅μ œν•˜κΈ° μœ„ν•΄ μ΅œμ†Œν•œμ˜ ν…ŒμŠ€νŠΈ μΌ€μ΄μŠ€λ₯Ό ꡬ좕해 λ³΄μ„Έμš”.

μ„ νƒν•œ 이전 버전을 μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. μ΅œμ‹  λ²„μ „μœΌλ‘œ λ‹€μ‹œ μ‹œλ„ν•˜μ„Έμš”. 그리고 μΆ•μ†Œλ˜μ§€ μ•Šμ€ 버전을 μ‚¬μš©ν•΄ λ³΄μ‹­μ‹œμ˜€. κ·Έλž˜μ•Ό 디버깅이 더 μ‰½μŠ΅λ‹ˆλ‹€.

data('placeholder') λŒ€μ‹  attr('data-placeholder')λ₯Ό μ‚¬μš©ν•˜μ§€ μ•ŠλŠ” μ΄μœ λŠ” λ¬΄μ—‡μž…λ‹ˆκΉŒ? 훨씬 더 νœ΄λŒ€ν•˜κΈ° 쉽고 λ‹¨μˆœν•©λ‹ˆλ‹€.

@varepsilon : 속성을 μ—…λ°μ΄νŠΈν•˜μ§€ μ•Šκ³  jQuery의 데이터 ν•΄μ‹œμ— μ“Έ 수 μžˆμœΌλ―€λ‘œ 두 가지가 λ°˜λ“œμ‹œ λ™μΌν•˜μ§€λŠ” μ•ŠμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄:

<div id="foo" data-bar="baz"></div>
$('#foo').data('bar') // "baz"
$('#foo').data('bar', 'quux')
$('#foo').data('bar') // "quux"
$('#foo').attr('data-bar') // "baz"

λ˜ν•œ 이 함정에 μ£Όμ˜ν•˜μ‹­μ‹œμ˜€.

<div id="commit" data-hash="368e54010865"></div>
$('#commit').attr('data-hash') // "368e54010865"
$('#commit').data('hash') // Infinity

@davidchambers :

@varepsilon : μ €λŠ” Chosen의 κ°œλ°œμžκ°€ μ•„λ‹ˆλ―€λ‘œ data-placeholder 속성이 μ•„λ‹Œ jQuery 데이터 ν•΄μ‹œμ—μ„œ 값을 κ°€μ Έμ˜€κΈ°λ‘œ κ²°μ •ν•œ 이유λ₯Ό 말할 수 μ—†μŠ΅λ‹ˆλ‹€.

λͺ¨λ“  μ˜΅μ…˜ μ•žμ— 빈 μ˜΅μ…˜μ„ λ°°μΉ˜ν•΄μ•Ό ν•©λ‹ˆλ‹€.

Chosen은 선택 μš”μ†Œμ˜ 데이터 자리 ν‘œμ‹œμž 값을 읽어 κΈ°λ³Έ ν•„λ“œ ν…μŠ€νŠΈ("κ΅­κ°€ 선택...")λ₯Ό μžλ™μœΌλ‘œ μ„€μ •ν•©λ‹ˆλ‹€. 데이터 자리 ν‘œμ‹œμž 값이 μ—†μœΌλ©΄ 선택 ν•­λͺ©μ΄ 단일인지 닀쀑인지에 따라 기본적으둜 "μ˜΅μ…˜ 선택" λ˜λŠ” "일뢀 μ˜΅μ…˜ 선택"으둜 μ„€μ •λ©λ‹ˆλ‹€. ν•„μš”μ— 따라 ν”ŒλŸ¬κ·ΈμΈ js νŒŒμΌμ—μ„œ μ΄λŸ¬ν•œ μš”μ†Œλ₯Ό λ³€κ²½ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

빈 μ˜΅μ…˜κ³Ό ν•¨κ»˜ κ°€μž₯ μ΅œκ·Όμ— μ„ νƒν•œ & jquery2λ₯Ό μ‚¬μš©ν•˜μ—¬ λ™μΌν•œ λ¬Έμ œμ— μ§λ©΄ν–ˆμŠ΅λ‹ˆλ‹€.

λ‚˜λŠ” λ˜ν•œ 같은 λ¬Έμ œμ— μ§λ©΄ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€..

λ‚˜λŠ” 같은 λ¬Έμ œκ°€ μžˆμ—ˆμ§€λ§Œ mandrei99κ°€ λ§ν•œ κ²ƒμ²˜λŸΌ 이것이 μž‘λ™ν•˜λ €λ©΄ ν•˜λ‚˜μ˜ 빈 μ˜΅μ…˜μ΄ ν•„μš”ν•©λ‹ˆλ‹€. λ‚΄κ°€ ν•˜λ‚˜λ₯Ό μΆ”κ°€ν•˜μžλ§ˆμž λ‚˜λ₯Ό μœ„ν•΄ μΌν–ˆμŠ΅λ‹ˆλ‹€.

λ‚˜λŠ” 같은 λ¬Έμ œκ°€ μžˆμ—ˆκ³  빈 배치λ₯Όν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

@andrei-manescu κ°μ‚¬ν•©λ‹ˆλ‹€. 그게 제 끝에 ν•„μš”ν•œ μ „λΆ€μ˜€μŠ΅λ‹ˆλ‹€ ;)

이것을 ν‘œμ‹œν•˜κΈ° μœ„ν•΄ 빈 μ˜΅μ…˜μ„ μΆ”κ°€ν•΄μ•Ό ν•˜λŠ” μ΄μœ λŠ” λ¬΄μ—‡μž…λ‹ˆκΉŒ? λŒ€μ‹  μžλ°”μŠ€ν¬λ¦½νŠΈλ₯Ό 톡해 μΆ”κ°€ν•΄μ•Ό ν•˜μ§€ μ•ŠμŠ΅λ‹ˆκΉŒ? λ‚˜λŠ” 그것이 단지 그것 λ•Œλ¬ΈμΈ 것을 λ³΄μ•˜μ„ λ•Œ μž μ‹œ κ²€μƒ‰ν–ˆμŠ΅λ‹ˆλ‹€.

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