Shopify liquid schema可以工作，但从编辑器中修改时会删除该节

我对整个Shopify和liquid环境都是新手。但是，我能够修改一个部分，该部分使用{%schema%}标记来显示一个控件，以设置背景和文本框的最大宽度

所以我冒险为自己创建了一个部分，在其中一个页面上添加一个小的FAQ块

我已经阅读了所有我能阅读的内容，以确保我没有忘记任何东西，我还检查了现有部分的代码是否正常工作，我找不到这个问题的原因

当我在主题编辑器中打开包含部分的页面时，我正确加载并显示默认颜色。我还在左窗格中看到修改器块，但是只要我在编辑器中更改值，它就会使整个部分消失

有人能帮我指出我做错了什么吗

多谢各位

这是本节的全部代码：

    <style>
  
  .faq{
    max-width:900px;
    width:80%;
  }
  .faq-container{
    background-color:{{section.settings.container_background_color}};
    display: flex;
    justify-content:center;
    
  }
  
</style>


<div class="faq-container">
 
    <div class="faq" id="ndnappseasyfaqs-wrapper"></div>
  
</div>


{%schema%}
{
  "name": "FAQ section",
  "settings": [
    {
      "type": "color",
      "id": "container_background_color",
      "label": "Background color",
      "default": "#a0cf67"
    }
  ]


}
{% endschema %}

.常见问题{
最大宽度：900px；
宽度：80%；
}
.faq容器{
背景色：{{section.settings.container\u background\u color}；
显示器：flex；
证明内容：中心；
}
{%schema%}
{
“名称”：“常见问题解答部分”，
“设置”：[
{
“类型”：“颜色”，
“id”：“容器背景颜色”，
“标签”：“背景色”，
“默认值”：“#a0cf67”
}
]
}
{%endschema%}

这是我尝试修改它之前的结果：

这是我修改颜色后的结果：

---

这可能是一个与JS中预览更新相关的问题。 您是否尝试保存更改并查看其是否有效？

根据

当商家自定义节时，这些节的HTML将动态添加、删除或直接重新呈现到现有DOM上，而无需重新加载整个页面

加载页面时运行的JavaScript在重新呈现节或将节添加到页面时不会再次运行。这会给需要重新运行的任何自定义脚本带来问题

如果您在页面加载时运行一些js，那么在用户在节中进行更改后，它将不会再次运行。所以我想你必须手动运行js。只需将事件与事件侦听器绑定即可

document.addEventListener('shopify:section:load', function(event){
   [your code...]
});

---

非常感谢Alice，现在每次我想要更改颜色（以及我想要控制的其他参数）时，我都必须保存以查看。。。但至少这意味着它与JS有关，而不是模式或液体编程。非常感谢：）Thius可能会帮助您：