如何在页眉后添加JS？

支持
1

你好！

我想在我的主题组件的“页眉后”添加脚本，但它不起作用。

代码：

<button type="button" class="btn btn-outline btn-small" id="Send">Send</button>

<script>
var btn = document.querySelector('#Send');

btn.addEventListener('click', function(e) {
  e.preventDefault();

  this.disabled = true;

  setTimeout(function(){ btn.disabled=false; }, 10000);
});
</script>

代码在其他块（页眉、正文）中有效，但我需要将其添加到页眉后。

请帮帮我，我该怎么做？

2

也许将脚本添加到标题中，并将按钮添加到标题之后。

3

我尝试将按钮添加到“after header”中，并将带有脚本的代码添加到“header”中，我看到了按钮，但脚本不起作用。

它只在我将所有代码（按钮+脚本）添加到“head_tag”时才起作用，在其他部分不起作用，我需要在“after_header”中添加它：（

4

这根本不可能。请注意，开发人员指南提到脚本触发器只有三种选择：

您是否需要将代码放在 after_header 中有特别的原因？也许有其他方法可以实现您需要的功能。

当您尝试将脚本分离到 head 中，并将按钮放在 after_header 中时，您确定脚本根本没有触发，还是您无法选择按钮？这可能是由于 Ember runloop 的方式。

也许您可以尝试将脚本包装在

<script type="text/discourse-plugin" version="0.8" >
api.onPageChange(() => {
   var btn = document.querySelector('#Send');

   btn.addEventListener('click', function(e) {
     e.preventDefault();
  
    this.disabled = true;
  
     setTimeout(function(){ btn.disabled=false; }, 10000);
   });

});
</script>
3 个赞
5

我在以下位置找到了解决方案：Add custom content that only appears on your homepage

谢谢 :slight_smile:

2 个赞