单击按钮和页面加载时隐藏元素

Mv27 发表于 Dev

Mv27

我无法解决我遇到的这个问题，希望我的写作不会太复杂。

我正在制作具有3个变量的产品。客户可以在我们的地方提货，或者我们可以交付产品。由于实际情况，我们选择出售产品，应打包出售30、60或90种产品。

在显示价格之前，需要选择所有3个变量。因此，问题来了。如果有人要在我们的地方提货，则只需选择两个变量：以米为单位的长度和提货或交货。但这不会带来任何代价。因此，我需要在“包裹”中再次插入“提货”以获取价格。

但是我想在包裹中隐藏“提货”，所以我不会使访问者感到困惑。该图像描述了我要寻找的东西：

我在看CSS。那是我必须与javascript一起使用的方式，还是如何/如果可能的话？

<ul class="variable-items-wrapper button-variable-wrapper" data-attribute_name="attribute_pa_packages">
    <li data-wvstooltip="pickup" class="variable-item button-variable-item button-variable-item-pickup" title="pickup" data-value="pickup">
        <span class="variable-item-span variable-item-span-button">pickup</span>
    </li>
</ul>

<ul class="variable-items-wrapper button-variable-wrapper" data-attribute_name="attribute_pa_packages">
    <li data-wvstooltip="pickup" class="variable-item button-variable-item button-variable-item-pickup selected" title="pickup" data-value="pickup">
        <span class="variable-item-span variable-item-span-button">pickup</span></li>
    </li>
</ul>

最好的祝福。

帕勒姆·帕尼安（Parham Parnian）

您可以每次用户单击“提货或交付”选项之一时进行监听，如果所选选项为“提货”，请使用JQuery在“包裹”中选择“提货”选项。这是该算法的实现。

jQuery("ul[data-attribute_name=attribute_pa_pickup-og-delivery] li").click(function(){
    var selectedDelivery = jQuery("ul[data-attribute_name=attribute_pa_pickup-og-delivery]").find("li.selected").attr("data-value");
    if (selectedDelivery == "pickup"){
        jQuery("ul[data-attribute_name=attribute_pa_packages] li[data-value=pickup] span").click();
        jQuery("ul[data-attribute_name=attribute_pa_packages] li[data-value=pickup]").hide(); // hide the "pickup" option in "Packages" if you like
    }
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。