2014-06-17 4 views
-2

이 스크립트가 모달 창 (PrettyPhoto)에서 작동하지 않는 이유는 무엇입니까? 나는 모달 창에서 스크립트가 작동하지 않습니다.

jQuery(document.body).ready(function(){ 

대신
$(function() { 

하지만 동일한 결과를 시도 : 스크립트는 모달 창에서 일반 웹 페이지에서 작동하지만,하지 않습니다.

드롭 다운 메뉴에서 "새 그룹"을 선택하면 스크립트에 "tipoa"텍스트 필드가 숨겨져 있어야합니다. 모달 창에서이 필드는 숨겨지지 않습니다.

<script type="text/javascript"> 
$(function() { 
$(".forms").hide(); 
$("#typeg").change(function() { 
switch($(this).val()){ 
case "new": 
$(".forms").hide().parent().find("#form6").show(); 
break; 
default: 
$(".forms").hide().parent().find("#form1").show(); 
break; 
} 
}); 
}); 
</script> 

<form id="send" name="send"> 
Group:<br /> 
<select name="typeg" id="typeg"> 
<option value="29">Existing1</option> 
<option value="30">Existing2</option> 
<option value="new">New</option> 
</select> 
<div id="form1" class="forms"></div> 
<div id="form6" class="forms">New group:<br /><input type="text" name="tipoa"/></div> 
<input class="poga" type="submit" value="Save" name="submit" /></form> 
+0

"작동하지 않는"정의합니다. – Utkanos

+0

드롭 다운 메뉴에서 "새 그룹"을 선택하면 스크립트에 "tipoa"텍스트 필드가 숨겨져 있어야합니다. 모달 창에서이 필드는 숨겨지지 않습니다. – user

답변

0

이 작동 :

$(document.body).on('change','#typeg',function() { 
var selected = $(this).val(); 
if(selected == 'new'){ 
$('#form6').show(); 
} else{ $('#form6').hide();} 
}); 

과 CSS가 :

#form6{display:none;} 
관련 문제