wordpress教程:评论者UA信息和IP地址信息鼠标移动显示和隐藏

沃森博客 2017年9月10日13:18:30WordPress评论485阅读模式
wordpress教程:评论者UA信息和IP地址信息鼠标移动显示和隐藏

wordpress教程:评论者UA信息和IP地址信息鼠标移动显示和隐藏效果展示

1、添加js代码实现显示和隐藏

在footer.php中加如下代码:

  1. <script>  
  2.     jQuery(function(){  
  3.         $(".comment-body").hover(function(){  
  4.             $(this).find(".ua-info").toggle();  
  5.         },function(){  
  6.             $(this).find(".ua-info").toggle();  
  7.         });  
  8.     });  
  9. </script>  

看看效果是否正确,如果显示效果请忽略下方信息。

如果出现鼠标不放上去显示放上去效果隐藏的情况。则先设置运营商信息默认隐藏。代码如下:

  1. .ua-info {  
  2.  display:none;/*设置隐藏*/  
  3.   margin-left:8px;  
  4. }  

如果你还未给WordPress评论者添加国籍、操作系统、浏览器和IP信息,那么请查看《给WordPress评论者添加国籍、操作系统、浏览器和IP信息》。

沃森博客
  • 本文由 发表于 2017年9月10日13:18:30
  • 本文来自互利网收集整理,问题反馈联系邮箱:wosnnet@foxmail.com,转载请务必保留本文链接:https://wosn.net/470.html

发表评论