javascript - 插入带有液体对象的 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

Feel free to use customer.name in your JavaScript, simply do so in your Liquid templates, not in a .js.liquid file. You can totally use JavaScript in your theme's templates.

似乎这取决于如何使用这些标签实现 JS。