laliev

Здравствуйте столкнулся с проблемой, не могу понять почему скрипт не всегда срабатывает.  по замыслу это бургер меню которое работает только если ширина окна меньше чем 1025 после загрузки страницы или после ресайза, когда страница загружена результат всегда тот который и ожидался, а после ресайза иногда не срабатывает и меню не открывается, потом после следующего ресайза может заработать , может есть идею в почему так?

 function windowSize(){       myWidth = document.documentElement.clientWidth;     if(myWidth<1025) {         $("button.btn").on("click", function(){            $(".nav-collapse>ul").toggleClass("nav_active");        });            }   }  $(window).on('load resize',windowSize); 

на всякий случай ссылка на сайт и сам скрипт

<script type="text/javascript">        // Dropdown Menu Fade            jQuery(document).ready(function () {            $(".dropdown").hover(                function () {                    //var count = $('.dropdown-menu', this).find('.mega-menu-column').length;                    //if (count > 0) {                    //    $('.dropdown-menu', this).attr('style', 'width: ' + count * 175 + 'px');                    //}                    $('.dropdown-menu', this).fadeIn("fast");                },                function () {                    $('.dropdown-menu', this).fadeOut("fast");                }            );        });    </script>

в середине страницы

 

спасибо большое! а как вы это определили?) 

Тогда это бутстрап http://66.155.96.231/js/Multiradiance/bootstrap.min.js

Тем более классы характерные http://joxi.ru/krDpGBzFpKBgrp

удалил содержимое файла, но все равно работает

выпадашка это бутстраповский dropdown, а вот вложенное меню кастомное и генерируется вот в этом файле http://66.155.96.231/templates/peak7/js/template.js

удалил содержимое файла, но все равно работает

не удалось решить вопрос еще, может у кого то есть идеи еще? 

Думаю он так и называется /modules/mod_dropdown_megamenu/assets/js/dropdown_menu.js

я удалил содержимое этого файла и все равно работает((((

так можно ж и на обычном css сделать, зачем через js то?

вот, если по скорому, то как-то так: http://jsfiddle.net/rus333/muf1rLLy/

да, так на много проще, но это делал не я, мне лишь нужно кое что исправить

любой инспектор кода в любом браузере покажет вам что да как, это реакция на hover.

у меня не получилось, вы можете по шагам рассказать как это сделать? 

 

ох уж эта джумла

 

так пробуйте

(function($){$(document).ready(function(){ $("body").on("click", function(){    alert("The paragraph was clicked."); }); })    })(jQuery); 

так работает, спасибо большое!

2 раза на страницу подключается jquery. Возможно из за этого.

не помогло к сожалению((((

Добрый день! Столкнулся с проблемой. На сайте нужно написать простой скрипт, там подключен jquery , но при когда я вкшаю клик на  какой то элемент то ничего не срабатывает, срабатывает только если я пишу так

    document.addEventListener("click", function(){        alert("Hello World!");    });    

а если обращаюсь к какому то ID то не работает, как туту к примеру

    document.getElementById("megafooter").addEventListener("click", function(){        alert("Hello World!");    });

пробовал вешать клик и через jquery, и на другие элементы но ничего не работает. в чем может быть проблема? и как возможно такое отловить?

ссылка на сайт

Добрый день!

есть такой сайт. во всех браузерах навигация отображается как нужно в ie все разваливается даже в последней версии. я так понимаю что тут дело не в верстке, а в какой то особенности ie. может у кого то есть идеи как исправить? может что то отключить нужно или наоборот подключить? всем спасибо!

 

в опере тоже нормально работает кстати.

У оперы и хрома одинаковый движок webkit.

Да и не вижу проблем в firefox 38.0.1

 

а в  firefox когда листаешь от "Реклама на радио"  обратно,  получаются рваные блоки если листать колесиком   вот такая штука

может так кто то поможет 

А вы расскройте этот скрипт и посмотрите какие свойства он импользует. нефакт что это баг мазилы..... я как то замечал что у неё и хрома разное представление о 3d трансформации к примеру

в опере тоже нормально работает кстати. и у меня тут только transition используется. 

Здравствуйте!
 
Есть такой вот лэнд 
 
У меня используется свойство  clip-path,для того что бы поддерживал и firefox, использую clip-path-polygon.js
 
и вот проблема в следующем, на сайте листаются  слайды(экраны), во всех браузерах отрабатывает нормально, а в  firefox когда листаешь от "Реклама на радио"  обратно, то события как то неправильно отрабатываются и свойство clip-path-polygon обрезает не те элементы ( вы это заметите).   js код который добавляется clip-path по событию mousewheel находится в файле  custom.js   те у меня в зависимости от направления скролинга мышки и от текущего слайда применяется  clip-path  для некоторого элемента.  работает неправильно только в firefox ((((  может у кого то мысли  есть почему так???  пишите прямо здесь или на laliev@tut.by условия сколько и как быстро. 
 
 
Всем спасибо!

может у кого то есть  предположения все таки в чем проблема?          

Соберите тестовый пример с проблемным участком кода и выложите его на jsfiddle. А то разбираться в коде лень.

Тут сложно вынести отдельно проблемное место так как все завязано друг с другом. и получиться на jsfiddle сайт целиком вынесется практически((( 

Здравствуйте!

Есть такой вот лэнд 

У меня используется свойство  clip-path,для того что бы поддерживал и firefox, использую clip-path-polygon.js

и вот проблема в следующем, на сайте листаются  слайды(экраны), во всех браузерах отрабатывает нормально, а в  firefox когда листаешь от "Реклама на радио"  обратно, то события как то неправильно отрабатываются и свойство clip-path-polygon обрезает не те элементы ( вы это заметите). уже 2 дня мучаюсь и не могу понять почему так  .   js код который добавляется clip-path по событию mousewheel находится в файле  custom.js  297-526. те у меня в зависимости от направления скролинга мышки и от текущего слайда применяется  clip-path  для некоторого элемента.  работает неправильно только в firefox ((((  может у кого то мысли  есть почему так???

Всем спасибо!

Добрый день! 

есть такой сайт  , при скролле появляются картинка справа, и вот нужно сделать что бы при переходе было вот так . я в замешательстве, получается что первый слайд должен быть неправильной формы, толи.....даже не могу пока предположить что делать.... может у кого есть мысли какие то?

Всем спасибо! 

Спасибо большое Вам! Жаль я уже костыль сделал, но обязательно разберусь с вашим кодом! Спасибо большое!

 

возможно  это можно сделать без привязки к урлу?

Да, для этого переменные придумали.

	$('.link_slide1').on('click', function(event, delta){				$('.horizontal_slides').removeClass("left_transform_horizintal");				$('.horizontal_slides').removeClass("right_transform_horizintal");				 				$(".horizontal_slide1").addClass("");				$(".horizontal_slide2").addClass("");				$(".horizontal_slide3").addClass("");				$(".horizontal_slide4").addClass("");				$(".horizontal_slide5").addClass(""); 	 });	

жесть, да

 

согласен. всем спасибо за помощь !

я уже все варианты перепробовал и все равно коряво работает ну или руки кривые  в общем у меня задача по текучему слайду определить сделать активный пункт меню. возможно  это можно сделать без привязки к урлу? какие варианты могут быть? уже совсем запутался    

дык у вас в корне не верный подход.

Крутанули мы колесико - начинается анимация и меняется хэш на 2

предположим курсор все еще находится над старым(уходящим) блоком и мы еще раз крутанем, у вас хэш сменится на 3, а стили применятся как будто у вас сейчас идет смена на вторую страничку

 

1. Вам бы сделать проверку скролла на боди или какой-то врапер общий для всех блоков/страниц

2. Сделать проверку хэша и исходя из него менять стили, а не отталкиваться от того над каким блоком был произведен скролл

а может есть какой то вариант типа запретить на время анимации все действия в том числе смену хэша ?

может я не в совокупности своей проблемы что то не правильно объяснил!  

может нагляднее лучше будет 

вот  посмотрите что происходит с урлом при быстром перелистывании с 1 по 5 слайд и обратно. а хочется что бы они всегда соответствовали нужной странице! 

проверяйте на знак, если у вас меньше 0, то делает -1, если больше, то +1. При этом думаю вам нужно будет проверять результат на равенство 0 и какого-то максимума

  if (delta> 0 ) {        window.location.hash = pathname +1;     }else {        window.location.hash = pathname +1;      }

я думал это и есть проверка