Question

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

---＆GT;编辑 - ＆gt;固定---＆gt; 用户滴水表明手风琴标题中的标签是罪魁祸首。我们希望保留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商店

Answer 1

查看您的复选框ID：

id="9a3ee84cf083e3e4ad0d5aed35937730"

“我理解那个：”的文字被一个带有attr

的标签所包围

for="9a3ee84cf083e3e4ad0d5aed35937730"

你有另一个带有相同attr的标签，上面有复选框......

所以，它正在做的事情是它的支持。：）

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

防止手风琴标题向下点击BigCommerce选项中的复选框？

1 个答案: