Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Не находит функцию equalHeights() (https://javascript.ru/forum/dom-window/72078-ne-nakhodit-funkciyu-equalheights.html)

Авилов Денис 06.01.2018 23:45

Не находит функцию equalHeights()
 
Привет всем помогите включить функцию.
Ситуация следующая , делаю верстку для opencar.rpo
на хостинге на главной страницы скрипты подгрузились , а на странице категорий нет , хотя на локалке все работает на всех странницах хорошо.

Как это исправить ?

http://www.carp-palace777.com.ua/ind...tegory&path=59
$( document ).ready(function() {
     
     $('.product-layout > .product-thumb').each(function (e) {

     //   e +=1;

     $('.product-thumb h4').css('height', '').equalHeights();
    $('.product-thumb  p:first-child').css('height',"60px").css('overflow',"hidden");

          $(this).parent().attr({
           'class' : 'product-layout col-lg-4 col-md-4 col-xs-12'
         });
    });  
 
});


вод такая ошибка
Uncaught TypeError: $(...).css(...).equalHeights is not a function
    at HTMLDivElement.<anonymous> (scripts.js:8)
    at Function.each (jquery-2.1.1.min.js:2)
    at n.fn.init.each (jquery-2.1.1.min.js:2)
    at HTMLDocument.<anonymous> (scripts.js:4)
    at j (jquery-2.1.1.min.js:2)
    at Object.fireWith [as resolveWith] (jquery-2.1.1.min.js:2)
    at Function.ready (jquery-2.1.1.min.js:2)
    at HTMLDocument.I (jquery-2.1.1.min.js:2)

рони 07.01.2018 01:22

Авилов Денис,
где это?
<script src="https://cdn.rawgit.com/mattbanks/jQuery.equalHeights/master/jquery.equalheights.js" type="text/javascript"></script>

Авилов Денис 08.01.2018 18:30

Цитата:

Сообщение от рони (Сообщение 474408)
Авилов Денис,
где это?
<script src="https://cdn.rawgit.com/mattbanks/jQuery.equalHeights/master/jquery.equalheights.js" type="text/javascript"></script>

Я не совсем понял ваш вопрос, но это поискал и не нашел у себя )

Подключал

Подключал плагин equalheiqhts непосредственно из страницы категорий на которой он не находил функцию equalHeights()
, но это не дало результатов.

Подключал скрипт вышеприведенный тоже не помогло.
Прописал принудительные размеры высоты
но не знаю правильно ли так делать ?
$(function(){ 
    $('.product-layout > .product-thumb').each(function () {
       $(this).parent().attr({
           'class' : 'product-layout col-lg-4 col-md-4 col-xs-12'
       });
    }

    );
   
 //  $('.product-thumb h4').css('height','').equalHeights();

    $('.product-thumb h4').css('height','32px').css('overflow',"hidden");
    $('.product-thumb .button-group button').css('padding','12px 0');
    $('.product-thumb  p:first-child').css('height',"60px").css('overflow',"hidden");
 

});

рони 08.01.2018 18:53

Цитата:

Сообщение от Авилов Денис
Я не совсем понял ваш вопрос, но это поискал и не нашел у себя )

вы хотите использовать плагин не загружая его?
Цитата:

Сообщение от Авилов Денис
Подключал скрипт вышеприведенный тоже не помогло.

помогает проверено. не грузите лишнего

рони 08.01.2018 19:08

Авилов Денис,
вот таким должен быть ваш head,
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>udilishhe</title>
<base href="http://www.carp-palace777.com.ua/" />
<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="catalog/view/theme/carp777/libs/equalheights/equalheights.js" type="text/javascript"></script>
<script>
 $(function() {
     $('.product-thumb h4').css('height', '').equalHeights();
     $('.product-thumb  p:first-child').css('height',"60px").css('overflow',"hidden");
     $('.product-layout').attr({
           'class' : 'product-layout col-lg-4 col-md-4 col-xs-12'
         });
});
</script>
<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<!--<script src="catalog/view/javascript/common.js" type="text/javascript"></script>
<script src="catalog/view/theme/carp777/js/scripts.js" type="text/javascript"></script>-->
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" />
<link href="catalog/view/javascript/jquery/magnific/magnific-popup.css"  rel="stylesheet">
<link href="catalog/view/theme/carp777/stylesheet/carpstyle.css" rel="stylesheet">
<link href="http://www.carp-palace777.com.ua/index.php?route=product/category&amp;path=59" rel="canonical" />
<link href="http://www.carp-palace777.com.ua/image/catalog/logo-01.png" rel="icon" />
</head>

рони 08.01.2018 19:42

Авилов Денис,

пример с данным head
http://run.plnkr.co/canjfQurkjp7JJCE/


Часовой пояс GMT +3, время: 02:04.