javascript ----- в чем конфликт моего javascript

Question

Сайт хостингcouponsclub.com.Я хочу добавить текстовый эффект «Нажмите, чтобы скопировать и открыть сайт» к коду желтого купона, который находится рядом с ножницами.Но подсказка не работает, когда я помещаю этот код в мою локальную среду.Все нормально.Я думаю, что, возможно, существует конфликт с JavaScript "Click to copy & open site".Как мне это исправить?Спасибо.Это код всплывающей подсказки:

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

Answer 1

Ваша 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. Забрал display: none; из класса coupontooltip css

2. Измените toolTipHover.js следующим образом:

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

Нажмите здесь , чтобы увидеть, как оно работает

Answer 2

Попробуйте использовать:

function() { $(this).find('.coupontooltip').show(); },
function() { $(this).find('span:last-child').css("display", "none"); }

в качестве аргументов для привязки hover.

Answer 3

Попробуйте использовать

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

Содержание () и children () одинаковы, за исключением того, что первый получит также узлы текста и комментариев.

Answer 4

.contents() не работает так вообще. Вы ищете $(".coupontooltip", this) и $("span:last-child", this)?