Question

在这段代码中，数据是从Django中的后端获取的。我在Django有一些产品清单，有些产品有变化，有些产品没有变化，我的意思是比如小，中，大尺寸的披萨都有自己的价格。

问题：我希望所有带变化的商品都应该有不断变化的价格，但这不会发生在后端的前端价格正在发生变化。只有列表中的第一个产品才会改变价格而不是全部。（后端工作完全正常，我检查了源代码）

productlist.html

Id.        Sequence
A           1
D           2
F           3
B           1
E           2
C           1

Answer 1

我认为将jQuery放在页面底部而不是顶部可能会有所帮助。您正在尝试将事件附加到DOM元素的选择触发器（.variation_select），该触发器在该特定时间尚未存在。

Answer 2

函数setPrices中的问题是，它是第一个带有类的元素.variation_select

你应该尝试以下一些方法，用类.variation_select对所有元素进行更改：

$(".variation_select").change(function(){
    var price = $(this).attr("data-price");

    var sale_price = $(this).attr("data-sale-price");

    if (sale_price != "" && sale_price != "None" && sale_price != null ) {
        $("#price").html("<h4>" + sale_price + " <small class='og-price'>" + price + "</small></h4>");
    } else {
        $("#price").html(price);
    }
});

Jquery仅适用于列表中的一个项目

2 个答案: