將jquery包含在smarty中

Question

我使用Smarty v.1.6

我在tpl中使用onchange創建了select窗體。

這裏是我的代碼片段：

<div class="row"> 
    <select name="group" id="group"> 
    {foreach from=$userGroupsData item=group} 
     <option value="{$group.id}">{$group.name}</option> 
    {/foreach} 
    </select> 
</div> 
<div id="fetchmember"> 
<script type="text/javascript" src="jquery.js"></script> <!-- is it right? --> 
<script type="text/javascript"> 
    {literal}     
    $('#group').on('change',function(){ 
    alert("hello");      
    }); 
    {/literal}      
</script> 
</div> 

我只是想確保jQuery的工作正常，所以我alert測試。但警報不能出現。我的代碼有問題嗎？請大家幫忙..非常感謝你

Answer 1

你必須把你的jQuery代碼放在$(function(){ //your code here });的內部才能在DOM準備好的時候執行它。請參閱從CDN的jQuery documentation

$(function(){ 
    $('#group').on('change',function(){ 
    alert("hello");      
    }); 
}); 

試裝車的jQuery像這樣<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>。

而且您並不需要這裏的{literal}塊。在JS代碼中打開大括號後，只需使用空格或換行符，這樣smarty就不會認爲它是一個函數。