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

尝试

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

Answer 2

您应该使用delegate / on函数。

  $('#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/

在jQuery中转义jQuery的角色

2 个答案: