2010-06-03 106 views
0

我找不到這個腳本有什麼問題。請幫幫我!jquery函數不起作用(與聰明)

{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(class loading msg)沒有出現在點擊上。爲什麼?

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> 
+1

請出示解析HTML最終結果,而不是Smarty的源代碼。 – 2010-06-03 10:56:15

+0

如果你看看生成的HTML,你的JS代碼看起來是否正確? – 2010-06-03 11:01:27

+0

「解析的HTML最終結果」 – 2010-06-03 11:16:48

回答

1

我認爲loading_message類顯示和jQuery的切換將其隱藏。嘗試添加顯示器沒有到該分區或使用替代

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

這一個:

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

Nemjóígysem,márpróbáltamígyis。 :(/它也不工作,我已經嘗試過這種方式:( – 2010-06-04 21:49:48

+0

我試着用你生成的代碼,它工作後,我添加了一個顯示器:無風格的「loading_message」股利 [Kiprobaltam a generalt kododat es nalam mukodott rendesen miutan a「loading_message」-es div-nek adtam egy「display:none」stilust。] – Zsolti 2010-06-07 08:13:54