包括聪明的Jquery

Including Jquery in smarty

本文关键字：Jquery 包括聪      更新时间：2023-09-26

>我使用 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测试它。但警报无法显示。我的代码有问题吗？请帮忙..非常感谢

你必须把你的jQuery代码放在$(function(){ //your code here });里面，以便在DOM准备好时执行它。请参阅 jQuery 文档

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

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

而且您在这里并不真正需要{literal}块。只需在JS代码中打开大括号后使用空格或换行符，这样聪明就不会认为它是一个函数。

相关文章：