jquery-chosen 드롭다운 사용 안 함

jquery-chosen 드롭다운 사용 안 함

선택한 jquery 플러그인을 사용하여 기능을 스타일링하고 추가하는 선택 디브가 있습니다(가장 눈에 띄는 것은 검색입니다).디바는 이렇게 생겼지만,

 <select data-placeholder="add a foobar" id="foobar" style="width: 350px;">
 <option value=""></option>
 </select>

저는 선택된 플러그인을 이렇게 사용하고 있습니다.

 $('#foobar').chosen();

일부 AJAX가 로드되는 동안 전체를 비활성화하고 싶습니다.<select>div. 어쩌면 이런 일이 있을 수도 있고,

 $('#foobar').disable()

아니면 이거

 $('#foobar').prop('disabled', true)

당신이 알 것 같네요.

이걸 어떻게 하는지에 대한 아이디어가 있습니까?저는 여러 가지를 시도했습니다. 예를 들어 사물을 무력화할 때 jquery 관용구를 사용하거나,<select>기본 선택을 비활성화할 뿐 그 위에 선택된 것은 비활성화하지 않습니다.심지어 다른 디브를 수동으로 추가하기도 했습니다.z-index그냥 회색으로 상자를 치우는 거지만, 이건 보기 흉하고 버그가 많을 것 같아요.

도와주셔서 감사합니다!

당신은 단지 당신의 것을 비활성화하고 있습니다.select, 디브, 스팬 등으로 선택했습니다.따라서 선택을 비활성화한 후 플러그인을 업데이트하여 선택 위젯도 비활성화해야 합니다.다음과 같은 방법으로 시도해 볼 수 있습니다.

$('#foobar').prop('disabled', true).trigger("liszt:updated");

//For non-older versions of chosen you would want to do:

$('#foobar').prop('disabled', true).trigger("chosen:updated");

여기서 정보를 찾았습니다.

피들

위젯을 업데이트하면 플러그인의 클릭 또는 기타 이벤트를 바인딩 해제하고 불투명도를 0.5로 변경하는 것이 전부입니다.디브의 실제 비활성화 상태가 없기 때문입니다.

가장 최근에 선택된 버전에서liszt:updated더 이상 작동하지 않습니다.사용하셔야 합니다.chosen:updated:

$(".chosen-select").attr('disabled', true).trigger("chosen:updated")

여기 JS Fiddle.

PSL은 맞았지만 이후 선택한 항목이 업데이트되었습니다.

비활성화를 수행한 후에 다음을 입력합니다.

$("#your-select").trigger("chosen:updated");

$('#foobar').prop('disabled', true).trigger("chosen:updated");

완벽하게 작동합니다!!!! @chosen v1.3.0

다음을 시도해 볼 수 있습니다.

$("#foobar").prop('disabled',true).trigger("chosen:updated").chosen('destroy').chosen()

$("chosen_one").chosen({
  max_selected_options: -1
});

$(document).ready(function () {
    $("#foobar").chosen().on('chosen:showing_dropdown',function() {
            $('.chosen-select').attr('disabled', true).trigger('chosen:updated');
            $('.chosen-select').attr('disabled', false).trigger('chosen:updated');
            $('.search-choice-close').hide();
    });
    $('.search-choice-close').hide();
});

언급URL : https://stackoverflow.com/questions/17153417/disable-jquery-chosen-dropdown