內的jQuery

Question

轉義字符的jQuery這裏是我的代碼：

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

你應該使用委託/上功能。

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