제 응용 프로그램의 기능에 jQuery sideToggle 함수를 사용하려고했습니다.jQuery sideToggle이 제대로 작동하지 않습니다.
다음 코드는 제가 가지고있는 코드입니다.
HTML :
<select class="selectme">
<option value=0>Select an Option</option>
<option value=1>Select1</option>
<option value=2>Select2</option>
</select>
<div class="clickme">Hello
<div class="iamhidden">Hello once again</div>
</div>
JS :
$(".selectme").on("change",function(){
if($(".selectme").val() == 1){
click();
}
else if($(".selectme").val() == 2){
click2();
}
});
function click(){
$(".clickme").on("click",function(){
$(".iamhidden").slideToggle("slow");
});
}
function click2(){
$(".clickme").on("click",function(){
$(".iamhidden").slideToggle("slow");
});
}
CSS : 나는 하나의 옵션을 선택하고 나중에 다른 옵션을 선택하고 사업부를 클릭 한 후
.clickme{
height: auto;
}
.iamhidden{
display: none;
}
" clickme "이면 sideToggle div가 잠시 동안 자신을 표시 한 다음 숨 깁니다.
저는 jQuery를 처음 사용하고 제 코드에 무엇이 잘못된 것인지 잘 모릅니다. 코드에서 두 번 호출되는 onClick 이벤트가 문제를 일으켰을 수도 있지만 div 등의 이름을 바꾸는 많은 대안을 시도한 후에도이 문제를 해결할 수는 없습니다.
JSFIDDLE 링크 : http://jsfiddle.net/63dnapvd/
는 사람이 해결에 좀 도와 주시겠습니까. 어떤 도움이라도 대단히 감사하겠습니다.
감사합니다.
선택을 변경할 때마다 다른 이벤트를 추가하십시오! 클릭 이벤트를 대체하지 않고 실행하려는 이벤트 목록에 추가합니다. – epascarello