ボタンをクリックしてもボタンが表示されないjqueryファンクション

Question

MVC Webshopでショッピングカートを表示するパーシャルビューがありますが、何らかの理由で「ゴミ箱」ボタンをクリックできません。

これは私の現在のコードです。

@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> 
 
});

私は、ボタン上の複数のクリック/機能があることを知っているが、そのちょうど私がこれまで試みているものを表示するように。

Answer 1

私はそのあなたのちょっと確信している：私は、なぜ100％を説明することはできませんが、私は部分的なビュー内でこれを使用する場合、私はどちらか私のコードを動作させるカント

@section scripts{ 
} 

。レイアウトページまたはpartialviewが含まれているページにコードを削除してみてください。

Answer 2

あなたは、ドキュメントレディ機能を初期化するとき、それはこのあるべき誤植があります

$(document).ready(function() { 

}); // here is your error 

また、remove()は、jQueryの機能であるため、関数の名前を変更します。

フィドル：https://jsfiddle.net/64pmstja/9/

出典： https://api.jquery.com/remove/

Answer 3

あなたは（削除使用している方法）DOM自体から要素を削除するか、削除するjqueryの方法です。 要素に関連付けられたすべてのバウンドイベントとjQueryデータが削除されます。 https://api.jquery.com/remove/