按钮上的jQuery脚本不工作

我认为脚本不起作用，因为一旦我按下网站上的按钮，我的控制器就没有运行。我一按按钮，什么也没发生。 相关代码见附件。。我很确定问题出在我的剧本上

我的剧本：

    <script>
    $("#btn_add").click(function(event)
    {
        event.preventDefault();
        var url = '@Url.Action("AddToCart", "Cart", new {idinput = "IDINPUT", amount = "THEAMOUNTER"})';
        url = url.replace("THEAMOUNTER", $("#amounter").val());
        url = url.replace("IDINPUT", $(this).data("id"));
        window.location.href = url;
    });
</script>

$（“#btn_添加”）。单击（函数（事件）
{
event.preventDefault（）；
var url='@url.Action（“AddToCart”，“Cart”，new{idiput=“idiput”，amount=“THEAMOUNTER”}）；
url=url.replace（“THEAMOUNTER”，$（“#amounter”）.val（）；
url=url.replace（“IDINPUT”，$（this.data（“id”）；
window.location.href=url；
});

html代码中的相关部分：

@foreach (var product in Model)
        {

            <figure class="portfolio-item col-md-4 col-sm-6">
                <img src="~/images/@product.Picture" class="img-responsive" />
                <div class="product-details">

                    <div class="form-group">
                        <label>Enter amount</label>
                        <div class="col-md-10">
                            <input type="text" id="amounter" />
                        </div>
                    </div>
                    <div>
                        <a id="btn_add" href="" data-id=@product.Id class="btn btn-info btn-lg" style="margin-left:60px">
                            <span class="glyphicon glyphicon-shopping-cart"></span> Add to cart
                        </a><br />

@foreach（模型中的var产品）
{
输入金额

给重复的按钮一个类，而不是使用重复的

ID

。比如说

.Mybtn

<a href="" data-id='@product.Id' class="btn btn-info btn-lg Mybtn" style="margin-left:60px">

将您的点击处理程序放在文档准备部分

<script>
    $(function(){
        $(".Mybtn").click(function(event)
        {
            event.preventDefault();
            var url = '@Url.Action("AddToCart", "Cart", new {idinput = "IDINPUT", amount = "THEAMOUNTER"})';
            url = url.replace("THEAMOUNTER", $("#amounter").val());
            url = url.replace("IDINPUT", $(this).data("id"));
            window.location.href = url;
        });
    });
</script>

$（函数（）{
$（“.Mybtn”）。单击（函数（事件）
{
event.preventDefault（）；
var url='@url.Action（“AddToCart”，“Cart”，new{idiput=“idiput”，amount=“THEAMOUNTER”}）；
url=url.replace（“THEAMOUNTER”，$（“#amounter”）.val（）；
url=url.replace（“IDINPUT”，$（this.data（“id”）；
window.location.href=url；
});
});

给重复的按钮一个类，而不是使用重复的

ID

。比如说

.Mybtn

<a href="" data-id='@product.Id' class="btn btn-info btn-lg Mybtn" style="margin-left:60px">

将您的点击处理程序放在文档准备部分

<script>
    $(function(){
        $(".Mybtn").click(function(event)
        {
            event.preventDefault();
            var url = '@Url.Action("AddToCart", "Cart", new {idinput = "IDINPUT", amount = "THEAMOUNTER"})';
            url = url.replace("THEAMOUNTER", $("#amounter").val());
            url = url.replace("IDINPUT", $(this).data("id"));
            window.location.href = url;
        });
    });
</script>

$（函数（）{
$（“.Mybtn”）。单击（函数（事件）
{
event.preventDefault（）；
var url='@url.Action（“AddToCart”，“Cart”，new{idiput=“idiput”，amount=“THEAMOUNTER”}）；
url=url.replace（“THEAMOUNTER”，$（“#amounter”）.val（）；
url=url.replace（“IDINPUT”，$（this.data（“id”）；
window.location.href=url；
});
});

Duplicate

id

属性是无效的html-使用类名代替浏览器控制台中出现的错误是什么？没有错误…什么都没有发生。我听不懂你的第一条评论。你是说我应该用“.btn btn info btn lg”替换“#btn\u add”吗？他的意思与这一行有关：浏览器正在读取它认为是第二个“id”属性的内容。删除

id=“btn_add”

，然后使用一个现有的类名（或者添加一个额外的类名，比如说“add”，然后使用

$（“.add”）。单击（…

）重复的

id

属性是无效的html-使用类名，而不是在浏览器控制台中出现什么错误？没有错误…什么都没有发生。我听不懂你的第一条评论。你的意思是我应该用“.btn btn info btn lg”替换“#btn\u add”？他的意思与这一行有关：浏览器正在读取它认为是第二个“id”属性的内容。删除

id=“btn_add”

，然后使用一个现有的类名（或者添加一个额外的类名-比如说“add”，然后使用

$（“.add”）。单击与OP的问题无关的（…

）（它只是无效的html）我将您的代码复制到我的代码中..但问题是相同的。一旦按下按钮，浏览器中不会发生任何事情。@TalRofe，当您在html中执行

data id=@product.id

时，引号丢失。这与OP的问题无关（它只是无效的html）我已将您的代码复制到我的代码中。但问题是相同的。一旦按下按钮，浏览器中不会发生任何事情。@TalRofe，当您在Html中执行

data id=@product.id

时，引号将丢失。