Creo la información y las variaciones del producto con Ajax, pero no es posible hacer clic en las variaciones, ¿cuál puede ser la razón?
<form> <div class="form-group"> <p class="mb-5"> Size: <strong><span id="sizeCaption">--</span> US</strong> </p> <div id="item_variation_size" class="mb-2"></div> <div class="form-row mb-7"> <div class="col-12 col-lg"> <button type="button" class="btn btn-block btn-dark mb-2 addToCart">Add to Cart <i class="fe fe-shopping-cart ml-2"></i></button> </div> </div> </div> </form>
Ajax:
(async () => { const itemData = await submitSender(null, "getItemData", itemID, "post"); if (itemData) { if (itemData.item.v) { for (var i = 0; i < itemData.item.v.variationData.sizes.length; i++) { document.getElementById("item_variation_size").innerHTML += '<div class="custom-control custom-control-inline custom-control-size mb-2"><input type="radio" class="custom-control-input" name="sizeRadio" id="sizeRadio_' + itemData.item.v.variationData.sizes + '" value="' + itemData.item.v.variationData.sizes[i] + '" data-toggle="form-caption" data-target="#sizeCaption"><label class="custom-control-label" for="sizeRadio_' + itemData.item.v.variationData.sizes[i] + '">' + itemData.item.v.variationData.sizes[i] + "</label>"; } } } })();
¿Podría ser data-toggle="form-caption" data-target="#sizeCaption"
la razón por la cual la variación cargada y creada con Ajax no funciona?