在 Weebly 电子商务产品页面上添加自定义 jquery

Question

我正在尝试通过添加几行简单的 jquery 代码来设置我的 Weebly 电子商务产品页面的样式。

到目前为止，我尝试添加代码的任何地方都不起作用。我试过了： 1. 将代码直接添加到页面布局文件中的页眉和结束正文标记之前 2. 将脚本添加为 "Custom HTML" 放入页面对象

使用方法一，我可以检查页面，我看到我添加的代码片段出现在页面上，但脚本不会运行。我要添加的脚本如下：

<script type="text/javascript">
        $(document).ready(function() {
                $('#wsite-com-product-pricearea').clone().insertAfter("#insert-after-here");
            });
</script>

有没有人有将 jquery 添加到 weebly 的电子商务产品页面的经验？任何帮助，将不胜感激。亚历克斯

Answer 1

(function($) {
  $(function() {
    $('.wsite-product-description').prepend($('#wsite-com-product-short-description').html());
    var $btn = $('#wsite-com-product-buy');
    $('.wsite-product-description').first().append('<div id="something-cool"/>');
    $btn.appendTo('#something-cool').css('top', 0);
  });
})(jQuery);

在 Weebly 电子商务产品页面上添加自定义 jquery

Adding custom jquery on a Weebly e-commerce product page

jquery

weebly