javascript-----我的javascript有什么冲突

Question

该网站托管couponsclub.com。我想在剪刀附近的黄色优惠券代码中添加文本提示“单击复制并打开网站”效果。但是当我将此代码放入本地环境时，工具提示不起作用。没关系。我认为可能与“单击复制并打开站点”JavaScript 存在冲突。我该如何纠正它？谢谢。这是工具提示代码:

$(document).ready(function() {
    $(".coupon-code").hover(
        function() { $(this).contents(".coupontooltip").show(); },
        function() { $(this).contents("span:last-child").css({  display: "none" }); }
    );
});

Answer 1

您在 site 中的 HTML 标记是，

<div rel="http://www.godaddy.com/" class="coupon-code hover">
    BNX5246Lmg
    <span class="coupontooltip" style="display: none;">Click to copy &amp; open site</span>
</div>
<div rel="http://www.godaddy.com/" class="coupon-code hover">
    BNX5246Lmg2
    <span class="coupontooltip" style="display: none;">Click to copy &amp; open site2</span>
</div>

进行了这些更改。

1. 从 coupontooltip css 类中删除 display: none;

2. 像这样更改 toolTipHover.js:

   $(document).ready(function () {
       $(".coupon-code").hover(
           function () { $(this).find(".coupontooltip").show(); },
           function () { $(this).find(".coupontooltip").hide(); }
       );
   });
   

Click here看看它的工作原理