使用液体对象插入 div 并使用 jQuery 获取值

Question

我想获取插入的液体对象的值。但我返回的只是实际文本而不是值。但是，如果我只是手动将相同的 div 插入头部，然后将日志记录运行到控制台，它就可以正常工作。

我认为这是一个时间问题，但我无法弄清楚。我可以将这个 div 插入到这家商店 test-4658.myshopify.com 页面的 head 我像这样将它附加到头部：

$('head').append('<div id="todd" class="{{customer.name}} {{shop.domain}}"></div>');

我通过查看 Web 控制台确认它，但我没有获取液体对象值，而是获取文本。我将其记录到控制台是这样的：

$(function(){
  var name = $("#todd").attr('class');
  console.log(name + " me");
});

我误入歧途了？

Answer 1

这里有一个 Shopify 论坛帖子，讨论了在 JavaScript 中使用 Liquid 变量，应该会有所帮助：https://ecommerce.shopify.com/c/ecommerce-design/t/using-liquid-in-javascript-trying-to-get-collection-title-in-jquery-callback-53043

随意在您的 JavaScript 中使用 customer.name，只需在 你的 Liquid templates，不在 .js.liquid 文件中。你完全可以使用 主题模板中的 JavaScript。

看来这取决于你如何使用这些标签来实现 JS。