Gumby框架 - JQuery两次触发onclick事件

时间:2014-04-22 20:32:40

标签: javascript jquery html gumby-framework

我正在使用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功能可用吗?

1 个答案:

答案 0 :(得分:1)

你是对的,删除Gumby.ready是好的。根据文档,Gumby将默认自动初始化。对于手动初始化,您必须使用标志加载脚本:

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

而且你可以打电话给Gumby.init()。ready();

这是Documentation

最佳。