Question

我的MVC网上商店有一个部分视图，显示我的购物车，但由于某种原因，我无法点击＆＃34;垃圾＆＃34;按钮。

这是我目前的代码。

＆＃13;

@model ShoppingCart
@foreach (var product in Model.Items)
{
    <li>
        <div class="b-cart-table ">
            <a href="#" class="image">
                <img width="70" height="70" src="@product.ImageUrl" alt="/">
            </a>
            <div class="caption">
                <a class="product-name" href="#">@product.Name</a>
                <span class="product-price">@product.Quantity x $ @product.Price.ToString("00.00").Replace(",", ".")</span>
                <div class="rating">
                    <span class="star"><i class="fa fa-star"></i></span>
                    <span class="star"><i class="fa fa-star"></i></span>
                    <span class="star"><i class="fa fa-star"></i></span>
                    <span class="star"><i class="fa fa-star"></i></span>
                    <span class="star star-empty"><i class="fa fa-star-o"></i></span>
                </div>
            </div>

            <button onclick="remove();" class="btn btn-remove removeitem"><i class="fa fa-trash fa-lg"></i></button>
        </div>
    </li>
}
<li>
    <div class="products-subtotal text-right">
        Cart Subtotal <span class="subtotal-price">$ @Model.TotalPrice().ToString("00.00").Replace(",", ".")</span>
    </div>
</li>

@section scripts{
    <script>
      $(document).ready(function () {
        $(document).on("click", ".removeitem", function () {
            alert($(this).text());
        });

        var remove = function(){
          alert("trigger");
        }
      };
    </script>
});

＆＃13;

我知道按钮上有多个点击/功能，但它只显示我到目前为止所尝试的内容。

Answer 1

初始化文档就绪函数时出现拼写错误，应该是：

$(document).ready(function () {

}); // here is your error

此外，更改函数的名称，因为remove()是一个jQuery函数。

小提琴：https://jsfiddle.net/64pmstja/9/

来源： https://api.jquery.com/remove/

Answer 2

您正在使用remove（）的方法是一个jquery方法，用于从DOM本身删除或删除元素。将删除与元素关联的所有绑定事件和jQuery数据。 https://api.jquery.com/remove/

Answer 3

我确定你的：

@section scripts{
}

我无法解释100％为什么但是当我在局部视图中使用它时，我无法使我的代码工作。尝试将您的代码移至布局页面或包含部分视图的页面，然后尝试。

点击按钮不要触发jquery功能

3 个答案: