0

私はこのエディタを使用しています: 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();
  }
},

そして、カーソルをテキストエリアに合わせるとすぐにボタンが非表示になりました。

ここで何が欠けていますか？

4

1 に答える 1

1

triggerクリック イベントにバインドされたすべてのイベント ハンドラーをトリガーします。ユーザーの操作をシミュレートしません。イベント ハンドラーをバインドしていないため (少なくとも私が見る限り)、何も起こりません。

これを試して：

"events": {
  "focus": function() { 
    $('.btn-paragraph').click(function(){
        alert('foo');
    });
    $('.btn-paragraph').trigger('click');
  }
},
于 2012-12-13T10:13:30.410 に答える