nicEdit內部的超鏈接和使用jquery處理事件

我在我的頁面上有一個nicEdit（一個豐富的編輯器），並且在創建一個類nicEdit的實例後，通過setContent（）方法在nicEdit的內容中插入超鏈接。它一切正常。但是，其中的一些內容與其中的「someclass」類有超鏈接。我希望能夠使用jquery捕捉nicEdit內容中這些超鏈接的點擊事件。我試過了，如下：nicEdit內部的超鏈接和使用jquery處理事件

$('.someclass').click(function() { }); 
$('.someclass').on('click', (function() { }); 
$('.someclass').live('click', (function() { }); 
$('.someclass').bind('click', (function() { });

但是沒什麼效果。可能是因爲我真的沒有深入nicEdit的內部，我正在以錯誤的方式去做。是否有可能將超鏈接（或任何元素）插入到nicEdit的內容中，並嘗試用jquery處理點擊事件（或任何事件）？如果是的話，任何代碼示例是讚賞。提前致謝。

來源

2013-12-21 Zuzlx

趕上你的意思是防止？ –

對不起......正確的詞應該處理。 – Zuzlx

像在，如果點擊，然後什麼都不做，是嗎？ –

我覺得我有什麼 - 我沒有你所有的參考代碼，但基於您的線索，這似乎是，這是相當容易：

$(function(){ 

    var myEditor = new nicEditor({fullPanel : true }).panelInstance('editor'); 

    nicEditors.findEditor('editor').setContent(
     '<a class="someclass" href="http://www.google.com">Click Here</a>' 
); 

    $('.nicEdit-main').on('click','.someclass',function(){ 
     alert('clicked'); 
    }); 
});

Fiddle Sample

如果您想要做更具體的事情，您也可以將事件傳遞給點擊處理程序，並以正常方式處理這些事件。

讓我知道這是否解決您的問題。

來源

2013-12-21 17:52:47

謝謝凱利。我的「on」語法點擊處理程序是錯誤的。 – Zuzlx

nicEdit內部的超鏈接和使用jquery處理事件

回答

相關問題