2011-01-04 5 views
0

сайт hostingcouponsclub.com. я хочу добавить текстовую подсказку "Нажмите, чтобы скопировать & на сайт" эффект на желтый код купона. который рядом с ножницами. но всплывающая подсказка не работает. но когда я помещаю этот код в свою локальную среду. все нормально. я думаю, может быть, есть конфликт с «Нажмите, чтобы скопировать & open site» javascript. как исправить это. спасибо, это подсказка кодjavascript ----- что конфликт моего javascript

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

Вы можете разместить HTML? – Chandu

ответ

0

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

+0

Извините, я новичок в javascript, я не могу вас хорошо понять. – runeveryday

0

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

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

как аргументы hover связываются.

0

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

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

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

1

Ваш HTML Markup в site есть

<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; из класса CSS coupontooltip
  2. Изменение toolTipHover.js как этот

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

Click here, чтобы он работал

+0

Я сделал, как вы сказали, но он все еще не может работать. когда вы наводите мышь на желтую рамку, класс меняется. возможно, мой клибург неверен – runeveryday

+0

его из-за того, что вы разместили его. почему это необходимо? – naveen

+0

Вспышка используется для копирования кода скидки в буфер обмена. Но этот сайт (retailmenot.com), «нажмите, чтобы скопировать и открыть сайт» может работать, но я не знаю, как этот сайт работает? – runeveryday

Смежные вопросы