Поднимите курсор вверх с помощью JS - PullRequest
Новая
       37

Поднимите курсор вверх с помощью JS

0 голосов
/ 03 декабря 2018

У меня есть эффект наведения (с «div», который перемещается вверх при наведении), но он не работает должным образом - по какой-то причине он открывается на каждом элементе сетки, но мне нужно, чтобы он был только на элементе mouseover 

$(document).ready(function() {
if($(document).width() > 992) {
    $('.one').hover(function() {
        var color = $(this).css('background-color'),
            hint = $(this).parent().find('.morehover');
        if (($(hint).text()).trim() == "") return 0;
        $(hint).css('border-top-color', color).clearQueue().delay(500).slideDown();
    }, function() {
        var hint = $(this).parent().find('.morehover').first();
        $(hint).clearQueue().delay(500).slideUp();
    });
}});

и 

<div class="one">
  <?= $f_AdminButtons ?>
    <div class="img-logo-cat"> <img src="<?= $f_imagelogocatalogue ?>" alt="">
      <div class="link-not-link">
        <?= $f_linkShow ?>
      </div>
    </div>
    <div class="image"><img src="<?= $f_phoneImage ?>" alt=""></div>
    <div class="line"></div>
    <div class="more">
      <div class="morehover">
        <?= nc_edit_inline('morehover', $f_RowID, $cc)?>
          <div class="ssilka-podrob"><a class="ssilka-podrob-link" href="<?= $f_linkMore ?>">Подробнее </a><i class="fas fa-angle-right"></i></div>
      </div><span><?= nc_edit_inline('Price', $f_RowID, $cc)?></span>
      <a href="<?= $f_buttonLink ?>" class="button" target="_blank">
        <?= $f_buttonText ?>
      </a>
    </div>
</div>

screenshot

Где моя ошибка?

1 Ответ

0 голосов
/ 03 декабря 2018

посмотрите на эту строку: 

hint = $(this).parent().find('.morehover');

Вы находитесь на элементе <div class="one"> и выбираете его родительский элемент, чем ищете morehover.Вы хотите morehover внутри элемента, на котором вы находитесь, поэтому вам НЕ следует смотреть на родителя. 

hint = $(this).find('.morehover');
...