Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.07.2016, 22:58
Новичок на форуме
Отправить личное сообщение для New2017 Посмотреть профиль Найти все сообщения от New2017
 
Регистрация: 05.07.2016
Сообщений: 3

Всегда Активный первый элемент страницы
Здравствуйте. Помогите решить задачу.
В jquery не разбираюсь,
нужно чтобы первый элемент на странице был по умолчанию открыт. http://new1.grkmask.ru

Подскажите, пожалуйста, что нужно изменить/добавить?

<script>
            jQuery(document).ready(function($) {
				
				if (jQuery(window).width() > 1024) {
					base_width = $('.strip-menu').attr('data-width');
					count = $('.strip-menu').attr('data-count');
					$('section.strip-item').hover(function(){
						$('.strip-item').css('width', (100-base_width*2)/(count-1)+'%');
						$(this).css('width', base_width*2+'%');
					},function(){
						$('.strip-item').css('width', base_width+'%');				
					});
				}
				if (jQuery(window).width() > 760 && jQuery(window).width() < 1025) {
					jQuery('.wrapped_link').click(function(e) {
						if (!jQuery(this).parents('.strip-item').hasClass('hovered')) {
							base_width = $('.strip-menu').attr('data-width');
							count = $('.strip-menu').attr('data-count');						
							e.preventDefault();
							jQuery('.strip-item').removeClass('hovered');
							jQuery(this).parents('.strip-item').addClass('hovered');
							jQuery('.strip-item').css('width', (100-base_width*2)/(count-1)+'%');
							jQuery(this).parents('.strip-item').css('width', base_width*2+'%');
						}
					});
				}
            });	
        </script>
Ответить с цитированием
  #2 (permalink)  
Старый 05.07.2016, 23:24
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,663

New2017,
}).eq(0).trigger('mouseenter'); // 12

}).eq(0).trigger('click'); // 25
Ответить с цитированием
  #3 (permalink)  
Старый 05.07.2016, 23:35
Новичок на форуме
Отправить личное сообщение для New2017 Посмотреть профиль Найти все сообщения от New2017
 
Регистрация: 05.07.2016
Сообщений: 3

Сообщение от Rise Посмотреть сообщение
New2017,
}).eq(0).trigger('mouseenter'); // 12

}).eq(0).trigger('click'); // 25
Спасибо большое, работает.
Только содержимое первого элемента не отображается (лого, текст)
И когда убираешь мышку с окна, первый элемент снова закрывается.
Ответить с цитированием
  #4 (permalink)  
Старый 05.07.2016, 23:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,080

New2017,
jQuery(document).ready(function($) {
    if (jQuery(window).width() > 1024) {
        var show = function(index) {
            items.css("width", (100 - base_width * 2) / (count - 1) + "%").eq(index).css("width", base_width * 2 + "%")
        };
        base_width = $(".strip-menu").attr("data-width");
        count = $(".strip-menu").attr("data-count");
        var items = $("section.strip-item").hover(function() {
            show(items.index(this))
        }, function() {
            show(0)
        });
        show(0)
    }
    if (jQuery(window).width() > 760 && jQuery(window).width() < 1025) jQuery(".wrapped_link").click(function(e) {
        if (!jQuery(this).parents(".strip-item").hasClass("hovered")) {
            base_width =
                $(".strip-menu").attr("data-width");
            count = $(".strip-menu").attr("data-count");
            e.preventDefault();
            jQuery(".strip-item").removeClass("hovered");
            jQuery(this).parents(".strip-item").addClass("hovered");
            jQuery(".strip-item").css("width", (100 - base_width * 2) / (count - 1) + "%");
            jQuery(this).parents(".strip-item").css("width", base_width * 2 + "%")
        }
    })
});
Ответить с цитированием
  #5 (permalink)  
Старый 05.07.2016, 23:59
Новичок на форуме
Отправить личное сообщение для New2017 Посмотреть профиль Найти все сообщения от New2017
 
Регистрация: 05.07.2016
Сообщений: 3

рони,
Супер, спасибо.
Еще бы добавить отображение лого и текста на первом элементе
Ответить с цитированием
  #6 (permalink)  
Старый 06.07.2016, 00:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,080

New2017,
jQuery(document).ready(function($) {
    var items = $("section.strip-item").hover(function() {
            show(items.index(this))
        }, function() {
            show(0)
        }),
        base_width = $(".strip-menu").attr("data-width"),
        count = $(".strip-menu").attr("data-count");

    function show(index) {
        items.css("width", (100 - base_width * 2) / (count - 1) + "%")
        .removeClass("hovered")
        .eq(index).css("width", base_width * 2 + "%")
        .addClass("hovered")
    }
    show(0)
});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Разворачивается только первый элемент в списке dezzignet jQuery 8 05.12.2012 14:51
Скроллинг клавишами и липкие блоки bes Общие вопросы Javascript 11 12.06.2012 22:08
Первый элемент меню не меняется(( stydent Элементы интерфейса 2 13.04.2012 23:01
Проблема с IE - находит по шаблону только первый элемент tim-ua jQuery 3 17.07.2010 18:36
Кодировка при использовании Ajax Nichloas AJAX и COMET 9 17.09.2009 16:06