Ich habe eine Teilansicht in meinem MVC Webshop, die meinen Warenkorb anzeigt, aber aus irgendeinem Grund kann ich nicht auf die Schaltfläche "Papierkorb" klicken.klicken Sie auf die Schaltfläche nicht auslösen jquery Funktion
Dies ist mein aktueller Code.
@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>
});
Ich weiß, dass mehrere Klick/Funktion auf den Button gibt es aber sein nur zu zeigen, was ich bisher ausprobiert habe.
Dies sollte funktionieren, für diesen Fall könnten Sie auch $ (". Removeitem") verwenden. Click (function() {console.log ("Event ok");}); Ich rate Ihnen, console.log() anstelle von alert() zu verwenden, siehe Konsole und Entwickler-Tools, indem Sie F12 drücken. Die remove() - Funktion kann aufgrund des definierten Kontexts aufgerufen werden, indem sie im globalen Kontext aus ready() entfernt wird. – Loenix