在Weebly電子商務產品頁面上添加自定義jQuery

Question

我試圖通過添加幾行簡單的jquery代碼來設置Weebly電子商務產品頁面的樣式。

到目前為止，我嘗試添加代碼的任何地方都不起作用。 我已經嘗試過：1.將代碼直接添加到頁眉和頁眉中，緊接在結束正文標簽之前2.將腳本作為“自定義HTML”放置在頁面對象中

使用方法一，我可以檢查頁面，並且看到添加的代碼片段即將出現在頁面上，但是腳本無法運行。 我嘗試添加的腳本如下：

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

有沒有人有向weebly的電子商務產品頁面添加jquery的經驗？ 任何幫助，將不勝感激。 亞歷克斯

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);