使用 Jquery 在 Shopify 菜单中插入图标

Question

我正在尝试在我的 Shopify 菜单中添加图标，如下所示：

我发现向 Shopify 标题菜单添加图标的唯一方法是使用 Jquery。 因此，我将 Jquery 脚本添加到我的

theme.liquid

中，并按照 此视频 中的步骤进行操作，但该脚本不起作用。

这是脚本：

<script>
  $('#HeaderMenu-fleurz').text(function(){
    
  var navText = $(this).text();
    $(this).prepend('<img scr="https://cdn.shopify.com/s/files/1/0782/7714/9020/files/flower-tulip.png?v=1696549391"/>');
    }
  });
</script>

这是该物品的检查员：

抱歉，我不是英语母语，非常感谢您的帮助！

我尝试了一些自制脚本，但我不是 js 开发人员，也不是开发人员，所以没有任何效果 😭

Answer 1

解释

您好，如果您能一起发布您的 html 代码就好了，这样我们可以更好地理解您的问题。我猜您正在尝试将 元素添加到菜单标题中

代码

   <script>
        var imgsrc = $("<img>").attr("src", "https://cdn.shopify.com/s/files/1/0782/7714/9020/files/flower-tulip.png?v=1696549391")
        $('#HeaderMenu-fleurz').prepend(imgsrc);
   </script>