Question

以下JS似乎不起作用。无论我做什么，无论我把JS放在哪里，指定的类都不会添加到元素中。

$(document).ready(function(){
  $(".tuobb").hover(function(){
    $('#oinfosbb').addClass('oinfosbbho');
  }, function(){
    $('#oinfosbb').removeClass('oinfosbbho');
 });
});

http://twenty-two.forumactif.org/ »底部固定元素，其中写有“En ligne（[..]）”

提前致谢

修改

我在我的一个模板中添加了以下代码：

<div id="online_bb"></div>
<script type="text/javascript">jQuery.get('http://twenty-one.forumactif.com/portal',function(data){jQuery('#online_bb').html(jQuery(data).find('.onlinebb').html());});</script>

'get'在同一个论坛上没有去但它确实有效（我拥有两个论坛顺便说一句），但即使我把Js代码放在任何相关的模板中，它也没有不行。

Answer 1

此代码完美无缺，您只是没有在CSS中为.oinfosbbho指定任何规则。

这可能就是为什么你认为这不起作用的原因。在您的控制台中，只需添加规则即可。

Answer 2

您的页面中包含JS的位置？如果可能，请将问题缩小到最小的状态，例如：

https://jsfiddle.net/mgentw5a/

$(document).ready(function() {
  $(".tuobb").hover(function() {
    $('#oinfosbb').addClass('oinfosbbho');
  }, function() {
    $('#oinfosbb').removeClass('oinfosbbho');
  });
});

在那里，你可以看到你的JS没有任何问题（只要你也应用了css规则）。在页面的源代码中，有一些脚本在有问题的元素附近运行，这些元素正在进行一些innerHTML替换。首先尝试删除它，看看它是否对您有所帮助。

Answer 3

问题解决了，我多么愚蠢。以下代码<script type="text/javascript">jQuery.get('http://twenty-one.forumactif.com/portal',function(data){jQuery('#online_bb').html(jQuery(data).find('.onlinebb').html());});</script>将所有内容加载到.onlinebb ..并且JS代码不在其中。那很简单。

随意向我投降，我应得的。 O /

简单的jQuery .hover不工作

修改

3 个答案: