javascript - jQuery/css 不适用于 BigCommerce

Question

所以我在这里设置了这个漂亮的小 div 按钮导航菜单 FIDDLE当我尝试在 BigCommerce 上实现它时，它不起作用。当我尝试在文本中添加片段“%%Panel.ProductDescription%%”时遇到问题。

所以这是我用片段修改的代码

$("#description").on("click", function() {
    $("#content").text( % % Panel.ProductDescription % % );
});

我试过 .text，我试过使用 .html，我试过使它成为一个变量并调用它。我没主意了。有人遇到过这个吗？在添加代码片段之前，代码运行良好。添加后代码停止工作。

Answer 1

问题是，当您尝试插入文本 %%Panel.ProductDescription%% 时，您的目标是 Bigcommerce 模板简码。一旦模板被呈现，短代码就不能再通过任何方式访问——包括 jQuery。呈现时，该面板具有 div id“ProductDescription”。所以您的代码应该更像这样。

$("#description").on("click", function() {
    $("#content").text("#ProductDescription");
});

但是请注意，此 div 中还有其他 html。您的 jQuery 应该使用 .html 而不是 .text 或者您应该考虑在描述面板内定位一个 div。

.ProductDescriptionContainer 是实际保存描述内容的内容。