Javascript ----- Was ist Konflikt von meinem Javascript

Question

die Website hostingcouponsclub.com ist. Ich möchte einen Text hinzufügen Tipp "Klicken Sie hier, um den Effekt" & offene Seite "auf den gelben Gutscheincode zu kopieren. welche in der Nähe der Schere. aber der Tooltip funktioniert nicht. aber wenn ich diesen Code in meine lokale Umgebung einfüge. Es ist in Ordnung. Ich denke, vielleicht gibt es einen Konflikt mit der "Klicken Sie auf & offene Website" Javascript zu kopieren. wie man es korrigiert. danke, ist dies der Tooltip Code

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

Answer 1

.contents() nicht so überhaupt nicht funktioniert. Suchen Sie nach $(".coupontooltip", this) und $("span:last-child", this)?

Answer 2

Versuchen Sie es mit:

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

als Argumente an die hover binden.

Answer 3

Versuchen Sie es mit

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

Die contents() und children() Ausnahme identisch sind, dass der ehemalige werden auch die Texte und Kommentare Knoten erhalten.

Answer 4

Ihre HTML-Markup in der site ist,

<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> 

diese Änderungen vorgenommen.

1. Nahm display: none; vom coupontooltip CSS-Klasse
2. ändern toolTipHover.js weg wie diese

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

Click here es zu sehen arbeiten