Javascript 删除我添加到产品简短描述中的自定义jQuery代码

我正在用WordPress+WooCommerce开发一个电子商务网站

我在Short Description字段中为某些产品添加了按钮，以便快速选择要添加到购物车中的特定数量的产品（这是因为我有不同的优惠，例如：“以3的价格购买4”）

我在通用jquery文件中有这样一个脚本：

函数pack4（）{document.getElementById（“数量”）.value=“4”}
函数pack8（）{document.getElementById（“数量”）.value=“8”}

这是我在一些产品简介中的代码示例：

4x3包装：总计$1800
挑选

一切正常，只要你点击每个按钮，订单数量就会增加相应的数量

问题是：每当我的客户（通常编辑产品）点击简短描述的文本/可视页面时，

onclick=“pack4（）”

代码就会消失。我想WordPress/WooCommerce已经有了一些jQuery过滤器，可以删除这种代码。我需要它停止这样做，因为客户机经常编辑东西（当然他们对编码一无所知）。否则，每次我都必须重新添加代码

我还怀疑WP/WC也会过滤它，而不需要点击这个文本/可视页面（但我可能错了）

有人知道该怎么做吗？

---

谢谢

最简单、准确的方法是通过以下方式创建自定义快捷码：

if( !function_exists('display_product_button_pack') ) {

    function display_product_button_pack( $atts ) {

        // Shortcode Attributes
        $atts = shortcode_atts(
            array(
                'pack' => '4', // default pack is 4
            ),
            $atts,
            'button_pack'
        );

        $output = '<button class="select" onclick="pack'.$atts['pack'].'()">Select</button>';

        return $output;

    }

    add_shortcode( 'button_pack', 'display_product_button_pack' );
}

这将输出以下html：

<button class="select" onclick="pack8()">Select</button>

---

天才，太完美了，成功了！解决了，非常感谢！

if( !function_exists('display_product_button_pack') ) {

    function display_product_button_pack( $atts ) {

        // Shortcode Attributes
        $atts = shortcode_atts(
            array(
                'pack' => '4', // default pack is 4
            ),
            $atts,
            'button_pack'
        );

        $output = '<button class="select" onclick="pack'.$atts['pack'].'()">Select</button>';

        return $output;

    }

    add_shortcode( 'button_pack', 'display_product_button_pack' );
}

[button_pack pack="8"]

<button class="select" onclick="pack8()">Select</button>

[button_pack]