jQuery触发器在锚链接中不起作用(其他jQuery操作可以)

Question

我正在使用这个编辑器：http://xing.github.com/wysihtml5/examples/simple.html（现场演示）。

您可以将自定义函数分配给事件：

"events": {
  "focus": function() {
    //my event
  }
},

我添加了一个自定义按钮：

"font-styles": function(locale, options) {
  return "<li>" +
    "<a class='btn btn-paragraph' data-wysihtml5-command='formatBlock' data-wysihtml5-command-value='p'>" + locale.font_styles.p + "</a>" +
  "</li>";
}

所以，我想触发焦点上的按钮（文本区域）：

"events": {
  "focus": function() { 
    $('.btn-paragraph').trigger('click');
  }
},

但是什么也没发生，甚至控制台中的错误也没有发生。奇怪的是我尝试了这个：

"events": {
  "focus": function() { 
    $('.btn-paragraph').hide();
  }
},

一旦我将光标集中在文本区域，按钮就会隐藏。

我在这里缺少什么？

Answer 1

trigger将触发绑定到 click 事件的所有事件处理程序。它不会模拟用户交互。由于您没有绑定任何事件处理程序（至少从我所看到的情况来看），因此不会发生任何事情。

试试这个：

"events": {
  "focus": function() { 
    $('.btn-paragraph').click(function(){
        alert('foo');
    });
    $('.btn-paragraph').trigger('click');
  }
},