Gumby Framework - JQuery 触发 onclick 事件两次答案

【问题标题】：Gumby Framework - JQuery firing onclick event twiceGumby Framework - JQuery 触发 onclick 事件两次
【发布时间】：2014-04-22 20:32:40
【问题描述】：

我正在使用 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>

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

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

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

【问题讨论】：

标签： javascript jquery html gumby-framework

【解决方案1】：

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

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

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

这是Documentation。

最好的。

【讨论】：