Перейти к содержанию
ArtemPitov

Переопределения по клику Jquery (Из серии изучаем Jquery вмести)

Рекомендуемые сообщения

Доброго время суток !

Помогите разобраться,

Есть скрипт приведенный ниже, который отвечает за перемещения  линии навигации <li class='line'></li>, при .hover()

не могу понять логику процесса, как сделать переопределения позиций при .click()

 

пробовал так:

$(".nav-tabs li > a").hover(
  function(){
    if $(".nav-tabs li > a").click() return;
    ...
  },

  function(){
     if $(".nav-tabs li > a").click() return;
    ...
  }
); 

но все что получил ошибку  :ugeek:


$(function () {
  $('.nav-tabs').append("<li class='line'></li>");
  var $menu = $(".nav-tabs");
  
  $line = $(".line"),
  $active = $menu.find(".active a"),
		
  //position line default
  default_pos = $active.offset().left - $menu.offset().left,
  default_width = $active.outerWidth();
  $line.css({left: default_pos,width: default_width});
	
  $(".nav-tabs li > a").hover(
    function () {
      var self = $(this);                
      var diff = self.offset().left - $menu.offset().left;
      $line.stop().animate({
      width: self.outerWidth(),
      left: diff}, 500);
    }, 
    
    function () {
      $line.stop().animate({
      width: default_width,
      left: default_pos},500);
     });		
});

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Что вы хотите получить?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Что вы хотите получить?

Это линия навигации под пунктами меню которая движется от активного пункта к hover пункту , при клике она должна остаться на переопределенном классе active активного пункта (это карточка товара описания, характеристики и тд..)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.