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

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

28.09.2017, 15:40. Просмотров 118. Ответов 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
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Разбор двух скриптов (JavaScript):

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

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

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

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

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

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

2
diadiavova
3644 / 1232 / 392
Регистрация: 11.04.2015
Сообщений: 2,305
Записей в блоге: 33
28.09.2017, 16:33 #2
cjsplus, не буду утверждать, что дело именно в этом, но когда ты запрашиваешь высоту элемента вот таким способом el.style.height, то скорее всего ты получишь ее только в случае, если она для него явно прописана. Попробуй вместо этого использовать getComputedStyle
1
cjsplus
1 / 1 / 3
Регистрация: 25.09.2017
Сообщений: 41
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
Привет! Вот еще темы с решениями:

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

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

Конфликт скриптов
Пытаюсь сделать выдвижную панель на сайте, нашел скрипт в интернете, вставил...

Отладка скриптов
Доброго. Пишу парсер на шарпе. Скачиваю html страницу, чтобы её спарсить, но,...


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

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

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