0

これが私のコードです:

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

どうやってやるの？それを達成するためのより良い方法はありますか？

4

2 に答える 2

1

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/

于 2012-08-10T17:51:44.617 に答える
1

試す

$('div#fancy_notification').prepend('<a class="close" onclick=\'jQuery("#fancy_notification").css("display", "none"); return false;\' href="#">test</a>');
于 2012-08-10T16:07:49.883 に答える