Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
Другие темы раздела
jQuery Очистить кэш http://www.cyberforum.ru/javascript-jquery/thread2361871.html
Здравствуйте. Судя по всему похожу на кэш, Использую такой код, чтобы страницы загружались без перезагрузки $(document).ready(function() { var hash = window.location.hash.substr(1); ...
jQuery Создание таблицы из значений в input
У меня есть 3 input'а, которые я многократно умножаю: <div id="div"> <input type="number" data-id="id0" name="value" placeholder="Введите 't'"> <input type="number" data-id="id0" name="value"...
jQuery Точка с запятой в строке JSON
Добрый день, я пытаюсь передать JSON строку на сервер, но при наличии точки с запятой в строке на сервер приходит только часть JSON строки, которая заканчивается символом перед точкой с запятой....
jQuery Ajax не передаёт данные из формы Имеются формы связи, к примеру: <form class="ajax-form"> <input type="hidden" name="type" value="Заказать консультацию"> <div class="form-group">... http://www.cyberforum.ru/javascript-jquery/thread2361527.html
jQuery Не срабатывает функция после свойства succes в Ajax http://www.cyberforum.ru/javascript-jquery/thread2361088.html
/* формирование ajax-запроса, на проверку аутентификации*/ function isAuthentication(email, password) { $.ajax({ url: 'api/employees/auth/signin/' + email + '/' + password, ...
Событие click срабатывает лишь один раз jQuery
Вот такой код: jQuery.expr.regex = function(elem, index, match) { var matchParams = match.split(','), validLabels = /^(data|css):/, attr = { method:...
Можно ли на jquery заменить if-else на switch jQuery
Вот есть такой код var notUser = "Нет такого пользователя!"; var notUserEn = "A user is not found!" function loadEmployById(id) { $.ajax({ url: 'api/employees/' + id, ...
jQuery Как в корзине вывести общую сумму заказа? function showCart() { //вывод корзины if (!isEmpty(cart)) { $('.main-cart').html('<center><h3>Корзина пуста!</h3></center>'); } else { $.getJSON('goods.json',... http://www.cyberforum.ru/javascript-jquery/thread2360881.html
jQuery Отправка данных о checkbox на сервер http://www.cyberforum.ru/javascript-jquery/thread2360822.html
Есть чекбокс, который включает / отключает все чекбоксы в таблице на странице <th style="width: 4%"><label><input type="checkbox" id="checks_all"></label></th> Делает это он с помощью скрипта...
jQuery JSON массив <script> $(function(){ var artId = $(this).data('id'); // id статьи в базе данных $.ajax({ url: 'load.php', type: 'POST', dataType: 'json', data: {article_id: artId}, success:... http://www.cyberforum.ru/javascript-jquery/thread2360735.html
Destroyer
0 / 0 / 1
Регистрация: 24.10.2014
Сообщений: 47
0

Оптимизировать скрипт

01.12.2018, 01:24. Просмотров 386. Ответов 0
Метки (Все метки)

Есть скрипт, который при наведении на пункт меню меняет рядом картинку. Таких выпадающих меню три.
Он сделан очень плохо.
Как его можно оптимизировать?

Вот html

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<li class=""><a href="katalog-tovarov/" class="sf-with-ul">Каталог товаров</a>
<ul style="display: none;">
    <div class="row">
        <div class="col-md-9">
            <div class="tit14">
                Каталог
            </div>
            <li class="first"><a href="oborudovanie-dlya-fitnesa/" class="l1">Оборудование для фитнеса</a></li>
            <li><a href="tovaryi-dlya-jogi/" class="l2">Товары для йоги</a></li>
            <li><a href="tovaryi-dlya-pilates/" class="l3">Товары для пилатес</a></li>
            <li><a href="kardiotrenazheryi/" class="l4">Кардиотренажеры</a></li>
            <li><a href="oborudovanie-dlya-aerobiki/" class="l5">Оборудование для аэробики</a></li>
            <li><a href="krossfit/" class="l6">Кроссфит</a></li>
            <li><a href="funkczionalnyij-trening/" class="l7">Функциональный тренинг</a></li>
            <li><a href="silovyie-trenazheryi/" class="l8">Силовые тренажеры</a></li>
            <li><a href="svobodnyie-vesa/" class="l9">Свободные веса</a></li>
            <li><a href="oborudovanie-dlya-trenazhernogo-zala/" class="l10">Оборудование для тренажерного зала</a></li>
            <li class="last"><a href="komplektyi-oborudovaniya-dlya-trenazhernyix-zalov/" class="l11">Комплекты оборудования для тренажерных залов</a></li>
        </div>
        <div class="col-md-3">
            <img src="http://www.cyberforum.ru/images/tr1.png" class="i1" style="display: inline;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i2" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i3" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i4" style="display: none;">
            <img src="http://www.cyberforum.ru/images/tr2.png" class="i5" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i6" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i7" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i8" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i9" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i10" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i11" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i12" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i13" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i14" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i15" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i16" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i17" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i18" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i19" style="display: none;">
            <img src="http://www.cyberforum.ru/images/sky1.png" class="i20" style="display: none;">
            <img src="http://www.cyberforum.ru/images/mak1.png" class="i21" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i22" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i23" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i24" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i25" style="display: none;">
        </div>
    </div>
</ul>
</li>

И js ( код не весь, очень много повторений)

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
   $(function(){
    $(".l1").mouseover(function(){    
    jQuery('.i1').show();    
    jQuery('.i2').hide();    
    jQuery('.i3').hide(); 
    jQuery('.i4').hide(); 
    jQuery('.i5').hide(); 
    jQuery('.i6').hide(); 
    jQuery('.i7').hide(); 
    jQuery('.i8').hide(); 
    jQuery('.i9').hide(); 
  
     $(".l2").mouseover(function(){    
    jQuery('.i2').show();    
    jQuery('.i1').hide();    
    jQuery('.i3').hide(); 
    jQuery('.i4').hide(); 
    jQuery('.i5').hide(); 
    jQuery('.i6').hide(); 
    jQuery('.i7').hide(); 
    jQuery('.i8').hide(); 
    jQuery('.i9').hide(); 
   
  });
  
  
  
  
  
    });


Вернуться к обсуждению:
Оптимизировать скрипт
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
01.12.2018, 01:24
Готовые ответы и решения:

Оптимизировать скрипт
&lt;script&gt; $(function(){ $(&quot;.menu1&quot;).click(function(){ jQuery('.menu1').addClass(&quot;active&quot;);...

Как оптимизировать скрипт, который меняет ширину блока
Вот скрипт, который меняет ширину блока. Есть две ссылки, которые выполняют по клику функции...

Необходимо вставить в скрипт увеличения картинки, скрипт просмотра панорамы 360
Здравствуйте. У меня такой специфический вопрос, на моем сайте имеется скрипт для увеличения...

Вызвать скрипт через другой скрипт
Всем привет! Такая ситуация. Есть скрипт 1, который служит для аякс подгрузки новостей. Есть скрипт...

оптимизировать заставки
Здраствуйте. Может кто нибуть подсказать как можно оптимизировать заставки? Заранее благодарю.

0
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru