Question

我使用Smarty v.1.6

我使用onchange在tpl中创建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准备就绪时执行它。请参阅jQuery documentation

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

尝试从像<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>这样的CDN加载jQuery。

此处你并不需要{literal}块。在JS代码中打开花括号后，只需使用空格或换行符，这样就不会认为它是一个函数。

包括Jquery在smarty中

1 个答案: