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

【问题标题】：jQuery Append code snippet with its own JavaScriptjQuery 使用自己的 JavaScript 附加代码片段
【发布时间】：2014-03-10 04:45:23
【问题描述】：

我正在尝试做一个 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。这根本不起作用。我怎样才能做到这一点？

【问题讨论】：

标签： php jquery append

【解决方案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');
  });
});

【讨论】：

我想通过将鼠标悬停在 div 本身而不是标签部分来更改类。标签以 div 的形式添加到标签部分，具有自己的特征。

【解决方案2】：

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

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

【讨论】：