Gumby Framework-JQuery觸發兩次onclick事件

Question

我正在使用Gumby CSS框架創建一個新站點： http : //gumbyframework.com

當我使用他們的JQuery檢查按鈕單擊並包裝在他們的Gumby JS ready函數中時

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（）;

這是文檔 。

最好。