javascript - Gumby Framework - JQuery 触发 onclick 事件两次

Question

我正在使用 Gumby CSS 框架创建一个新站点：http: //gumbyframework.com

当我使用他们的 JQuery 检查按钮单击并包裹在他们的 Gumby JS 就绪函数中时

Gumby.ready(function() {});

该事件被触发两次。我花了一段时间尝试调试但无法解决。

CodePen 演示在这里：http ://codepen.io/ptimson/pen/LseFk?editors=101

HTML

<div id="btn"><a href="#">Button</a></div>

JS

// Gumby is ready to go
Gumby.ready(function() {

  $('#btn').on(Gumby.click, function(e) {
      e.preventDefault();
      console.log('Clicked');
  });
});

注意：删除 Gumby.ready 有效，但我需要保留该功能，以便我知道 Gumby 功能可用，对吗？

Answer 1

你是对的，删除 Gumby.ready 是可以的。根据文档，Gumby 默认会自动初始化。对于手动初始化，您必须使用标志加载脚本：

<script gumby-init="false" src="js/libs/gumby.js"></script>

而且你可以调用 Gumby.init().ready();

这是文档。

最好的。