javascript - 在 smarty 中包含 Jquery

Question

我使用 Smarty v.1.6

我select用onchange在tpl中制作表格。

这是我的代码片段：

<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

当 DOM 准备好时，您必须将 jQuery 代码放入$(function(){ //your code here });其中以执行它。请参阅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 代码中打开花括号后使用空格或换行符，这样聪明的人就不会认为它是一个函数。