다시 사용하여 jQuery를 위젯

Question

예를 들어 내가있는 경우 :

$("#selector1").datepicker({ 
beforeShow: function(var1,var2) { 
// do stuff 
}, 
onClose: function(var1,var2) { 
// do stuff 
}, 
onSelect: function(var1,var2) { 
// do stuff 
} 
}) 

을 그리고 나중에 나는이 같은 위젯을 할당 할 찾고 있어요 로드 시간에 알려지지 않은 다른 셀렉터와 동일한 기능을 내부에서 수행합니다. 이후이 아닌 더 나은 선택을 선택하는 방법에 대한 내가 피하고 싶은 모든 jQuery를 개발자들에게이 분명합니다 내가 아는

var reusableDatepicker = datepicker({ 
beforeShow: function(var1,var2) { 
// do stuff 
}, 
onClose: function(var1,var2) { 
// do stuff 
}, 
onSelect: function(var1,var2) { 
// do stuff 
} 
}) 

$("#selector1").attach(reusableDatepicker); 
$("#new-selector2").attach(reusableDatepicker); 
$("#new-selector3").attach(reusableDatepicker); 

:

$("#new-selector2").datepicker({ 
beforeShow: function(var1,var2) { 
// do stuff 
}, 
onClose: function(var1,var2) { 
// do stuff 
}, 
onSelect: function(var1,var2) { 
// do stuff 
} 
}) 

$("#new-selector3").datepicker({ 
beforeShow: function(var1,var2) { 
// do stuff 
}, 
onClose: function(var1,var2) { 
// do stuff 
}, 
onSelect: function(var1,var2) { 
// do stuff 
} 
}) 

은 무엇과 같은 일을하는 가장 좋은 방법이 될 것입니다 거기 밖으로, 너무 분명 나는 워드 프로세서에서 그것을 찾을 수 없습니다 :) 고마워요!

Answer 1

플러그인을 작성하여 원하는대로 정확하게 수행 할 수 있습니다. 그러나 여기에서하는 간단한 기능 (사실,이 중복을 코딩하는 표준 솔루션입니다) :

function setDatepicker(selector){ 
    $(selector).datepicker({/* ... */}); 
} 

setDatepicker("#selector1"); 
setDatepicker("#new-selector2");