C# html（）不'；我不认识类名

在添加

loadItems

函数之前，

$（“.ActivateItem”）。单击（函数（）{…}）：

工作正常。但是，当我编写jquery代码来加载表中的项时，类名（我想是）无法识别

<script type="text/javascript">
    $(document).ready(function () {
        loadItems(5);
        function loadItems(rc) {
            $.ajax({
                type: "GET",
                url: '@Url.Content("~/User/UserList")',
                data: { take: rc },
                dataType: 'json',
                success: function (response) {
                    var tags = "<tr><th>Login id</th><th>First name</th><th>Middle name</th><th>Last name</th><th>Prefix</th><th>Suffix</th><th>Reset</th><th>Email</th><th></th></tr>";
                    $.each(response, function (index, item) {
                        tags += "<tr id=" + item.UserID + ">" +
                                    "<td>" + item.LoginID + "</td>" +
                                    "<td>" + item.FirstName + "</td>" +
                                    "<td>" + item.MiddleName + "</td>" +
                                    "<td>" + item.LastName + "</td>" +
                                    "<td>" + item.Prefix + "</td>" +
                                    "<td>" + item.Suffix + "</td>" +
                                    "<td>" + item.IsReset + "</td>" +
                                    "<td>" + item.SendEmail + "</td>" +
                                    "<td>" +
                                    "<a href=# class='ActivateItem' data-id = " + item.UserID + " item-data = " + item.LoginID + ">Activate</a> | " +
                                    "<a href=/BaseAdmin/User/Details/" + item.UserID + ">Details</a></td></tr>";
                        alert("<a href=# class='ActivateItem' data-id = " + item.UserID + " item-data = " + item.LoginID + ">Activate</a> | ");
                    });
                    $("#table-list").html(tags);
                }
            });
        };

        $(".ActivateItem").click(function () {
            var id = $(this).attr("data-id");
            var display = $(this).attr("item-data");
            alert("Hello");
            var answer = confirm("Activate user with login id: " + display);
            if (answer) {
                $.post("/User/Activate", { "id": id },
                    function (data) {
                        if (data > 0) {
                            $("#row-" + data).fadeOut('fast');
                        } else {
                            alert("Data was not deleted successfully.");
                        }
                    });
            }
        });

        $("#rows-count").keypress(function (e) {
            if (e.keyCode == 13) {
                var rowscount = $(this).val();
                loadItems(rowscount);
            }
        });
    });
</script>  

<table id="table-list"></table>
<div id="pager">
    Rows: <input type="text" id="rows-count" />
    <input type="button" id="btn-next" value="Next"/>
    <input type="button" id="btn-back" value="Back" />
</div>  

---

对于使用AJAX加载的元素（页面加载完成后），需要使用live方法：

所以你应该改变：

$(".ActivateItem").click(function(){...})

到

---

我看到两个问题。首先，loadItems函数仅在document ready函数的匿名范围内可用。由于您似乎打算使用它来实现分页，所以应该将其移动到范围更为有用的位置

您当前找不到基于类的选择器的任何内容，因为选择器在调用成功回调之前查找元素，因此尚未生成任何元素。您可以将执行移动到成功回调中，或者使用jQuery的动态兼容事件绑定

由于不推荐使用$（）.live，您应该使用它来动态创建需要事件连接的元素，除非您使用的是jQuery的旧版本。

我尝试了$（“.ActivateItem”）。在（“单击”，函数（）{}）上，但它不起作用。我正在使用jquery-1.7.1.js

$(".ActivateItem").click(function(){...})

$(".ActivateItem").live('click', function(){...});