В том числе Jquery в Smarty

Question

Я использую Smarty v.1.6

Я делаю select форму в TPL с OnChange.

Вот мой фрагмент кода:

<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 готов. См jQuery documentation

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

Попробуйте загрузить JQuery из CDN, как так <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>.

И здесь вам не нужен блок {literal}. Просто используйте пробел или разрыв строки после открытия фигурных скобок в вашем JS-коде, поэтому smarty не считает, что это функция.