Question

我正在尝试添加jQuery，但我遇到了一个问题。

这很好用：

onclick="$('#TAGS1').append('<div class=\'B9_N\'><?php echo $TAG_INFO['TAG']; ?></div>');"

但现在，我不能再往前走了。我想要这样的东西：

onclick="$('#TAGS1').append('<div class=\'B9_N\' **onmouseover=\"this.className=\'B8_A\';\"**><?php echo $TAG_INFO['TAG']; ?></div>');"

我想在其中附加一个带有自己JavaScript的TAG。这根本不起作用。我怎样才能做到这一点？

Answer 1

避免内联脚本并使用如下：

$(document).ready(function(){
  $('#TAGS1').click(function(){
     $(this).append('<div class="B9_N" />');
  });
  $('#TAGS1').hover(function(){
     $(this).addClass('B8_A');// perhaps you wanted to remove B9_N class, if so use $(this).removeClass('B9_N').addClass(B8_A');
  });
});

Answer 2

感谢您的帮助！我做了这样的事情：

<script>$(document).ready(function(){ $("#TAGS1").on("mouseover mouseout","div",function(){ $(this).toggleClass("B9_A"); }); });</script>

jQuery使用自己的JavaScript附加代码片段

2 个答案: