0

我有一个带有数量选择下拉列表和立即购买按钮的表单。

<a href="#" rel="nofollow" data-product_id="75" data-product_sku="75" data-popup_id="popup_content_75" data-quantity="5" class="add_to_cart_button_popup button alt">Buy Now</a>
<div class="quantity buttons_added">
<input type="button" value="-" class="minus">
<input type="number" step="1" name="quantity" value="1" title="Qty" class="input-text qty text">
<input type="button" value="+" class="plus"></div>

现在，如果用户选择数量 5 并单击立即购买按钮，它将显示如下消息

{product title} 5X has been added to your order

它工作正常。但是当用户选择另一个数量（比如 7 ）并单击现在购买时，它应该显示如下消息

{product title} 7X has been added to your order

但它仍然显示相同的{product title} 5X has been added to your order消息。

有人可以告诉我怎么了。

这是我的 jQuery 代码。

 var quantity = $(this).data("quantity");
 $('span.itemcount').replaceWith(""+ quantity +" X");
4

3 回答 3

1

$(this).data("quantity")总是来自静态标签data-quantity="5"在哪里thisA

于 2013-06-11T06:01:36.577 回答
0

$(this).data("数量")

将从锚点获取数据

一个

标签将始终为 5。您需要从中获取值

<input type="number" step="1" name="quantity" ... />

你可以这样做

$(".input-text").value

这是从给定链接更新锚代码的代码

// JavaScript source code
jQuery(document).ready(function (e) {
    e(document).on("click", ".plus, .minus", function () {
        var t = e(this).closest(".quantity").find(".qty"),
            n = parseFloat(t.val()),
            r = parseFloat(t.attr("max")),
            i = parseFloat(t.attr("min")),
            s = t.attr("step");
        if (!n || n == "" || n == "NaN") n = 0;
        if (r == "" || r == "NaN") r = "";
        if (i == "" || i == "NaN") i = 0;
        if (s == "any" || s == "" || s == undefined || parseFloat(s) == "NaN") s = 1;
        e(this).is(".plus")
            ? r && (r == n || n > r) ? t.val(r) : t.val(n + parseFloat(s))
            : i && (i == n || n < i) ? t.val(i) : n > 0 && t.val(n - parseFloat(s));
        t.trigger("change");

    });
});
于 2013-06-11T06:21:08.710 回答
0

我修好了它。当我使用 like

 var quantityid = $(this).attr('id');
 var quantity = $("#" + quantityid + "").attr("data-quantity");
 $('span.itemcount').replaceWith(""+ quantity +" X");
于 2013-06-11T06:54:57.747 回答