Jquery 함수가 작동하지 않습니다 (멋지게)

Question

이 스크립트에서 잘못된 점을 발견 할 수 없습니다. 제발 도와주세요!

{elseif $text[i].text == "%SubPages"} 

<!-- js--> 
{literal} 
<script type="text/javascript"> 
$(function(){ 
$("#button_{/literal}{$text[i].id}{literal}").click(function(event) { 
event.preventDefault(); 
$("#settings_{/literal}{$text[i].id}{literal}").toggle(); 
}); 
$("#settings_{/literal}{$text[i].id}{literal}").click(function(event) { 
$(this).hide(); 
}); 
}); 
</script> 
{/literal} 

<img src='images/subpages.png' /> 
<!-- button msg--> 
<input type="button" id="button_{$text[i].id}" value="[szerkesztés]"> 
<!-- loading msg--> 
<div class="loading_message" id="settings_{$text[i].id}"><div id="message_content"><b><b><b> 
asdasdasdasd 
</b></b></b></div></div> 
{/if} 

문제는 div (클래스로드 메시지)가 클릭에 표시되지 않는다는 것입니다. 왜?

HTML 소스 코드 :

<li class="default" id="listItem_1041"> 
<a class="ui-icon ui-icon-close" id="1041" onclick="return ajaxTextKill(this.getAttribute('id'));"></a> 
<!-- js--> 

<script type="text/javascript"> 
$(function(){ 
$("#button_1041").click(function(event) { 
event.preventDefault(); 
$("#settings_1041").toggle(); 
}); 
$("#settings_1041").click(function(event) { 
$(this).hide(); 
}); 
}); 
</script> 

<img src="images/subpages.png"> 

<!-- button msg--> 
<input type="button" id="button_1041" value="[szerkesztés]"> 

<!-- loading msg--> 
<div class="loading_message" id="settings_1041"><div id="message_content"><b><b><b> 
asdasdasdasd 
</b></b></b></div></div> 
</li> 

Answer 1

내가 loading_message 클래스가 표시되고 JQuery와 토글을 숨길 수 있다고 생각합니다. 그 DIV에 표시 아무것도 추가하지 시도하거나 대신

$("#settings_1041").toggle(); 

이 하나를 사용

$("#settings_1041").show();