selectboxit을 사용하여 jquery로 선택 상자를 재설정하는 방법

Question

Fancybox를 사용하여 selectboxit jquery 플러그인으로 스타일이 지정된 선택 상자가있는 페이지 중간에 div36을 여기에서 표시합니다 : http://gregfranko.com/jquery.selectBoxIt.js/. 이제 선택 값을 기본값 이외의 값으로 변경하고 Fancybox를 닫습니다. 해당 팬시 박스를 다시 열면 선택 값은 내가 선택한 것과 동일합니다. 기본값으로 재설정해야합니다. 작동하지 않습니다 'afterClose'기능에

var selectBox = $("select").selectBoxIt(); 
     $(".fancybox, #cartLink").fancybox({ 
      width: 800, 
      autoHeight: true, 
      minHeight: 385, 
      scrolling: 'no', 
      autoSize: false, 
      afterClose: function() { 
       $(selectBox).val('0'); 
       $(selectBox).refresh(); 
       console.log('should be reset!'); 
      } 
     }); 

처음 두 줄을 : 는 여기에 내가 지금 가지고있는 자바 스크립트 coode입니다. 첫 번째 작업은 뭔가를하고있을 수도 있지만 새로 고침 줄에 Firebug에서 다음과 같이 표시됩니다. "TypeError : $ (...). refresh는 $ (selectBox) .refresh(); 함수가 아닙니다." 이 선택 상자를 어떻게 재설정 할 수 있습니까?

편집 : http://jsfiddle.net/Qh2NP/1/

Answer 1

당신은 SelectBoxIt selectOption() 방법을 사용할 수 있습니다 : 요청으로, 여기에 바이올린입니다. 이처럼 :

여기

$(document).ready(function() { 
    var selectBox = $("select").selectBoxIt(); 
    $("#cartLink").fancybox({ 
     width: 800, 
     autoHeight: true, 
     minHeight: 385, 
     scrolling: 'no', 
     autoSize: false, 
     afterClose: function() { 
      $(selectBox).selectBoxIt('selectOption', 0); 
      $(".notification").hide(); 
      console.log('should be reset!'); 
     } 
    }); 
}); 

입니다 업데이트 된 jsfiddle에 대한 링크 : http://jsfiddle.net/Qh2NP/2/