j查询函数不在胡子中触发

jQuery on function not firing in mustache?

本文关键字：查询 函数      更新时间：2023-09-26

我正在使用$(Mustache.to_html在我的网页上呈现模板 - 如果我检查页面上呈现的实际html，如下所示：

<script id="myTemplate" type="text/x-template">
<tr data-name="{{name}}">
    <td>
    <select id="titlesDropDown" name="SelectedTitleId"><option value="">--Select Title--</option>
    <option value="1">Mr</option>
    <option value="2">Miss</option>
    <option value="3">Mrs/Corporate</option>
    <option value="4">Dr</option>
    </select>
    </td>
    <td>{{name}}</td>
    <td><input type="text" name="Age" value=""/></td>
</tr>
</script>

我遇到的问题是我想在标题下拉列表更改时触发一个函数。 在文档就绪中，我添加了以下内容：

$(document).ready(function () {   
    $('#titlesDropDown').on('change', function () {           
        alert('Dropdown change fired');
    });
});

我还需要做其他事情才能将更改事件连接到胡须渲染的模板吗？

在这里，您使用的是委派，但它再次位于动态生成的节点上。

试试这个：

 $(document).on('change', ''#titlesDropDown'', function () {

或者，您也可以在加载时将document替换为 DOM 中存在的元素。

相关文章：