0

我们在使用手风琴中的复选框来选择 BigCommerce 产品选项时有点奇怪。我们有点难过，不确定如何解决这个问题。基本上我们需要保留 checkboxii 的默认状态，不管它的父函数点击。有时默认情况下会检查它们，有时则不会。

---> 编辑 --> 已修复 ---> 用户点滴建议手风琴标题中的标签是罪魁祸首。我们更喜欢保留 for="1290387349xcjyhwer93" 样式标签以满足遗留需求。关键似乎是 preventDefault()

$(function(optionAccordion) {
// triggers accodion with option-below wrapper @ SNIPPET_ProductAddToCartBelow
$( "div.option-below" ).accordion({
    header: "div.productAttributeLabel",
    autoHeight: false,
    collapsible: true,
    icons: null
});

    // stops accordion header labels with for="" from triggering a request to content
$("div.productAttributeLabel label").click(function(event) {
    event.preventDefault();
});


// triggers step complete icon on change
$(".option-below select, .option-below input, .option-below textarea, .option-below li.swatch").change(function() {
    $(this).parents(".productAttributeRow").addClass("accordionChecked")
});

});

*示例站点链接已删除，但它的任何 BigCommerce 商店

4

1 回答 1

0

查看您的复选框 ID：

id="9a3ee84cf083e3e4ad0d5aed35937730"

文本“我明白：”被一个带有 attr 的标签包围

for="9a3ee84cf083e3e4ad0d5aed35937730"

并且您有另一个具有相同属性的标签，该标签持有该复选框...

所以是的，它正在做它应该做的事情。:)

所以它实际上是一个html问题，而不是JS。

于 2013-11-01T19:21:23.880 回答