Question

我正在尝试使用click方法连接带有一些API的按钮，但是它不起作用。我网站其余部分上的JS正常运行，但是似乎不喜欢我。.PS我是asp .net的新手，我正在使用教程，因此如果以某种方式进行了任何操作，因为那是它在教程中完成。这是我创建问题的页面的代码，

<div class="details">
                    <span class="artist">
                        @gig.Artist.Name
                    </span>
                    <span class="genre">
                        @gig.Genre.Name
                    </span>
                    <button data-gig-id="@gig.Id" class="btn btn-default btn-sm pull-right js-toggle-attendence">Going?</button>
                </div>

这是似乎有问题的div

@section scripts
    {
        <script>
            $(document).ready(function () {
                $("js-toggle-attendence").click(function (event) {
                    var button = $(event.target);
                    $.post("/api/attendances", { gigId: button.attr("data-gig-id") }).done(function () {
                        button.removeClass("btn-default").addClass("btn-info").text("Going");
                    }).fail(function () {
                        alert("Error Occured!");
                    });
                });
            });
        </script>
    }`

这是脚本

{{1}}

Answer 1

有一个“。”您的JQuery选择器中缺少该类，应该是：

$(".js-toggle-attendence").click(function (event) {

代替：

$("js-toggle-attendence").click(function (event) {

Answer 2

对于jQuery，如果要提及一个类，请使用表示法。

如果要提及elementID，请使用符号＃

在您的代码中，您错过了符号。在行中

$("js-toggle-attendence")

要更正它，请更改为

$(".js-toggle-attendence")

JavaScript无法在ASP .Net MVC实体框架中使用

2 个答案: