2012-12-13 47 views
0

我使用這個編輯器:http://xing.github.com/wysihtml5/examples/simple.html(現場演示)。jQuery觸發器不起作用的錨鏈接(其他jQuery動作)?

您可以將自定義函數事件:

"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(); 
    } 
}, 

只要我將光標放在textarea中,按鈕就會隱藏起來。

我在這裏失蹤了什麼?

+0

你試過'。點擊()',而不是'.trigger( 「點擊」)'?在一些例子中,那些考慮論壇帖子的人工作。 –

回答

1

trigger將觸發綁定到單擊事件的所有事件處理程序。它不會模擬用戶交互。既然你沒有綁定任何事件處理程序(至少從我能看到的),沒有任何反應。

試試這個:

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

是的,我得到了警報(並且很難關閉瀏覽器的選項卡)。 – alexchenco