Toolbar.js由Paul Kinzett事件处理

我想使用来自http://paulkinzett.github.io/toolbar的 toolbar.js，但即使我有工具栏处理事件的处理文件，我似乎无法识别哪个工具栏按钮/图标我点击了。

下面是代码snippit，它几乎从示例站点中解除了。

我不是JS的专家，所以如果有人可以告诉我如何处理toolbarItemClick事件以便我可以预先形成正确的动作，那将是非常棒的。

谢谢Lionel

   
 
'; 
'; 
'; 
'; 
 $('#normal-button').toolbar({content: '#user-options', position: 'top'}); $('#normal-button').on('toolbarItemClick', function(event) { console.log(event); } ); 

Answer 1

我试图弄清楚同样的事情，最终我破译了机制。 有点晚来帮助你，但也许它会节省一些时间的其他人。

首先，我给了按钮锚标签ID，虽然可以使用数据属性等（注意我使用的是img标签而不是默认的字形支持）

关键是使用不在文档中公开的不同函数签名（ function (event, buttonClicked){} ，第二个参数（buttonClicked）是单击的元素。

在下面的代码中，我还将targetBlock设置为按钮所在的div（因为我可能有数十篇文章，并且每个工具栏上都会出现按钮）所以我需要让有问题的文章对其进行操作。

 $('#normal-button').on('toolbarItemClick', function (event, buttonClicked) { var targetBlock = $(event.target).parents('.article') // get article var buttonClickedID = buttonClicked.id // get the id of the button click switch (buttonClickedID) { case 'menu-insert': insertNewArticleBelow(targetBlock) break; case 'menu-remove': removeArticle(targetBlock) break; } } 

Answer 2

 $('#button').toolbar({ content: '#toolbar-options', position: 'top', style: 'primary', event: 'click', hideOnClick: true }); $('#button').on('toolbarItemClick', function( event,buttonClicked ) { alert(buttonClicked.id); } );