jquery - jQuery 中 jQuery 的转义字符

Question

这是我的代码：

$('div#fancy_notification').prepend('<a class="close" onclick="jQuery("#fancy_notification").css("display", "none"); return false;" href="#">test</a>');

这部分渲染不正确，我想我必须转义一些字符......：

onclick="jQuery("#fancy_notification").css("display", "none"); return false;"

我怎样才能做到这一点？有没有更漂亮的方法来实现这一目标？

Answer 1

您应该使用委托/开启功能。

  $('#fancy_notification').prepend('<a id="close1" class="close" href="#">test</a>');

  $(document).on('click', '#close1', function(){
        $(this).css("display", "none");
        return false;
  });

我通常会尽量避免使用内联脚本。

小提琴链接：http: //jsfiddle.net/gqwUM/2/

Answer 2

尝试

$('div#fancy_notification').prepend('<a class="close" onclick=\'jQuery("#fancy_notification").css("display", "none"); return false;\' href="#">test</a>');