nicEdit内容中的超链接和使用jquery处理事件

时间:2013-12-21 00:36:04

标签: javascript html jquery-ui hyperlink nicedit

我的页面上有一个nicEdit(一个丰富的编辑器),我在创建类nicEdit的实例后,通过setContent()方法在nicEdit的内容中插入超链接。一切正常。但是,有些内容中包含一些“someclass”的超链接。我希望能够使用jquery在nicEdit的内容中捕获那些超链接的click事件。我试过,以下:

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

但没有任何作用。可能是因为我真的没有进入nicEdit的内部,所以我会采用错误的方式。是否可以在nicEdit的内容中插入超链接(或任何元素)并尝试使用jquery处理点击事件(或任何事件)?如果是这样,任何代码示例都表示赞提前谢谢。

1 个答案:

答案 0 :(得分:0)

我觉得我有一些东西 - 我没有你的所有代码供参考,但根据你的线索,看起来这很容易:

$(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

如果您想要做更具体的事情,您还可以将事件传递给点击处理程序,并以正常方式对其进行操作。

如果这可以解决您的问题,请告诉我。

相关问题