Jquery .on() 不适用于我的动态元素答案

【问题标题】：Jquery .on() not working for my dynamic elementsJquery .on() 不适用于我的动态元素
【发布时间】：2013-08-02 06:08:50
【问题描述】：

在我的 asp 页面中，我有一个如下表，它有一些动态元素，当我的表的输入字段发生变化时，我想做我的工作

@{var table = (DataTable)HttpContext.Current.Session["basket"];}
<table class="zebra">
        <thead>
            <tr>
                @foreach (System.Data.DataColumn col in table.Columns)
                {          
                    <th>@col.ColumnName</th> 
                }
                <th>İşlem</th>
            </tr>
        </thead>
        <tbody>    
            @foreach (System.Data.DataRow row in table.Rows)
            {                
                <tr>
                    @foreach (System.Data.DataColumn col in table.Columns)
                    {
                        if (col.ColumnName == "quantity")
                        {
                           <td> <input class="quantityInput" type="number" value="@row[col.ColumnName]" min="1"/></td>
                        }
                        else if (col.ColumnName == "price")
                        {              
                        <td>@((Convert.ToInt32(row["quantity"])) * Convert.ToDecimal(row[col.ColumnName]))</td>
                        }
                        else
                        {
                            <td>@row[col.ColumnName]</td>
                        }                                                                                                                                                                                      
                    }
                    <td><a href="@Url.Action("DeleteBasketItem", "Home", new {id = row["id"].ToString()})">Sil</a></td>    
                </tr>                     
            }    
        </tbody>
    </table>

但我的脚本不起作用，我不知道为什么，我试过了

$(document.body).on('change', '.quantityInput' ,function(){
    alert('123');
});

和

$(".quantityInput").on('change' ,function(){
        alert('123');
    });

【问题讨论】：

浏览器控制台中的任何错误
Uncaught SyntaxError: Unexpected token ILLEGAL chrome.tabs is not available: 您无权访问此 API。确保您的 manifest.json 中包含所需的权限或清单属性。 Binding.generate Uncaught TypeError：无法调用未定义的“创建”方法
检查你的脚本文件看是否有非法字符stackoverflow.com/questions/5733275/…和stackoverflow.com/questions/12719859/…
有一个，但还是不行
它应该包含在你的脚本之前，你的使用 jQuery 并且你必须将你的代码包装在 dom 就绪事件中

标签： jquery onchange dynamic-content

【解决方案1】：

基于 cmets...有一些问题

脚本资源中有一些非法字符
jQuery 包含在用户脚本之后

【讨论】：