Question

我必须在一个简单的标记上创建一个事件监听器，其中一个按钮是来自fontawesome的<i>标签，当它在它上面时它的值为1当它关闭时它具有值{{ 1}}，但是我的事件听众不会听我的。它必须将0属性添加到select中，因此如果启用此选项，则除非将其打开，否则无法使用下一个字段。

这是我到目前为止所尝试的。

我的标记：

disabled

这是我的事件监听器：

<div class="form-group">
    <label class="col-8 col-form-label font-weight-semibold">Hide Add to Cart Button</label>
    <div class="col-4 float-right">
        <div class="toggle-state">
            <input type="hidden" class="form-control text-right bundle-atc-button" name="st-related_products-hide_cart_button" value="{$st.related_products.hide_cart_button}">
            <i class="fal fa-toggle-{if $st.related_products.hide_cart_button}on text-success{else}off text-muted{/if} fa-lg float-right mt-2 bundle-atc-switcher"></i>
        </div>
    </div>
</div>

<div class="form-group col-9">
    <label>
        <span class="font-weight-semibold">Add to cart appearance</span>
    </label>
    <select class="form-control" name="st-related_products-appearance bundle-atc-display">
        <option value="default" {if $st.related_products.appearance=='default' } selected{/if}>Add to cart button always visible</option>
        <option value="hoverEffect" {if $st.related_products.appearance=='hoverEffect' } selected{/if}>Add to cart button appearing on mouse over</option>
    </select>
</div>

将事件侦听器添加到i标记

0 个答案: