Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
cjsplus
1 / 1 / 3
Регистрация: 25.09.2017
Сообщений: 46
1

Разбор двух скриптов

28.09.2017, 15:40. Просмотров 131. Ответов 2
Метки нет (Все метки)

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

Помогите понять в чем подвох. Оба скрипта выравнивают 2 таблицы .b-f-table и .b-s-table. Я не могу понять почему второй скрипт не работает. Ошибок в консоли нет.

Рабочий скрипт на jQuery:
Javascript
1
2
3
4
5
6
7
8
9
10
11
setInterval(function(){
  $(".b-s-table tr").each(function(i) {
    var fHeight = $(".b-f-table tr:eq("+i+")");
    if($(this).height() < fHeight.height()){
      $(this).height(fHeight.height());
    }
    if($(this).height() > fHeight.height()){
      fHeight.height($(this).height());
    }
  });
}, 1000/60);

А этот не работает.
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
setInterval(function(){
  document.querySelectorAll(".b-s-table tr").forEach(function(el, idx) {
    var fHeight = eq('.b-f-table tr', idx);
    console.log(fHeight);
    if(el.style.height < fHeight.style.height){
      el.style.height = fHeight.style.height;
    }
    if(el.style.height > fHeight.style.height){
      fHeight.style.height = el.style.height;
    }
  });
  function eq(str, i) {
    var el = document.querySelectorAll(str);
    return el[i];
  }
}, 1000/60);
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
28.09.2017, 15:40
Ответы с готовыми решениями:

Совмещение двух скриптов
Ребята привет. Такое вот дело, есть скрипт(1), проверяет правильность введенной...

Объединение двух скриптов (совмещение)
есть два скрипта: один выводит информацию из текстового файла &lt;SCRIPT...

Конфликт скриптов
Что делать если скрипт слайдера конфликтует со скриптом меню???

добавление скриптов
Как добавить скрипт на сайт? Сайт создал на ucoz.ru, для зачета, нужно добавить...

конфликт скриптов
случился конфликт между двумя скриптами, которые работают с изображениями: ...

2
diadiavova
3948 / 1378 / 428
Регистрация: 11.04.2015
Сообщений: 2,564
Записей в блоге: 35
28.09.2017, 16:33 2
cjsplus, не буду утверждать, что дело именно в этом, но когда ты запрашиваешь высоту элемента вот таким способом el.style.height, то скорее всего ты получишь ее только в случае, если она для него явно прописана. Попробуй вместо этого использовать getComputedStyle
1
cjsplus
1 / 1 / 3
Регистрация: 25.09.2017
Сообщений: 46
29.09.2017, 09:37  [ТС] 3
diadiavova, Вот спасибо добрый человек) Ну теперь то я этот метод(верней даже принцип работы) никогда не забуду.
Рабочий скрипт.
В грязном виде, но тут не про это сейчас.
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
setInterval(function(){
  document.querySelectorAll(".b-s-table tr").forEach(function(el, idx) {
    var fHeight = eq('.b-f-table tr', idx);
    console.log(window.getComputedStyle(fHeight, null).height);
    if(window.getComputedStyle(el, null).height > window.getComputedStyle(fHeight, null).height){
      el.style.height = window.getComputedStyle(fHeight, null).height;
    }
    if(window.getComputedStyle(el, null).height <  window.getComputedStyle(fHeight, null).height){
      fHeight.style.height = window.getComputedStyle(el, null).height;
    }
  });
 
  function eq(str, i) {
    var el = document.querySelectorAll(str);
    return el[i];
  }
 
}, 1000/60);
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
29.09.2017, 09:37

Оформление js-скриптов
Всем привет! Такой вопрос возник организационный: делаю веб-приложение, много...

Расположение скриптов
Добрый день всем, кто не спит! У меня не совсем обычный вопрос. Поэтому не...

Объединение скриптов
Объединение скриптов В ОДИН! Пытался делать, то что мне здесь предложили //...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

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