0 Пользователей и 1 Гость просматривают эту тему.
  • 20 Ответов
  • 7611 Просмотров
*

hottab_1

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
Здравствуйте!
Подключил на сайт Joomla 3 скрипт jQuery Masked, который отображает форму для ввода текста, то есть вместо обычного белого поле отображается форма ввода телефона, например.
И после подключения заметил проблему. В карточке товара есть фото, и они стали отображаться друг под другом, хотя раньше они отображались как надо (одна главная фотография, под ней три маленьких) при клике происходит увеличение и просмотр фото.
Модули с использование jQuery Masked выведены слева это: "При заказе у своих - узнайте наши условия", "Затрудняетесь в выборе двери? Подскажем!". Если их отключить или просто убрать использование jQuery Masked, то все в карточке работает.
Вот так выглядет код, который отвечает за показ формы ввода в поле:
Код
		<script type="text/javascript">
$(function(){

$("#phone").mask("+7 (999) 999-99-99");
$("#phone_p").mask("+7 (999) 999-99-99");

});
</script>
По мимо этого к сайту была подключена библиотека jQuery.
Ссылка на сайт (карточка товара): http://www.dvernoyclub.ru/katalog/alit
Подскажите, пожалуйста, в чем может быть проблема и как ее лучше всего убрать? Возможно я надподключал лишнего или сделал что-то не так.
Пробовал ставить плагин jQuery Easy - результата нет.

Решение:
Извиняюсь за задержку в рассказе, как удалось починить.
1. Удалил код скрипта из модуля
2. Прописал код скрипта в index.php:
Код
     <script> 
       $.noConflict();
 
 jQuery(function($){
   $("#phone").mask("+7 (999) 999-99-99");
   $("#phone_p").mask("+7 (999) 999-99-99");

});
 
      </script>
« Последнее редактирование: 11.02.2016, 22:51:48 от hottab_1 »
*

effrit

  • Легенда
  • 9970
  • 1099 / 13
  • effrit.com
это не конфликт.
у вас просто код надо обернуть в оболочку
Код
<script type="text/javascript">
jQuery(function($) {
  тут ваш код
});
</script>

вообще, в таких случаях смотрите к консоль файербага во вкладке "ошибки"
*

hottab_1

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
это не конфликт.
у вас просто код надо обернуть в оболочку
Код
<script type="text/javascript">
jQuery(function($) {
  тут ваш код
});
</script>


вообще, в таких случаях смотрите к консоль файербага во вкладке "ошибки"



Сделал вот так, возможно неправильно:
Код
<script type="text/javascript">
jQuery(function($) {
  $("#phone").mask("+7 (999) 999-99-99");
$("#phone_p").mask("+7 (999) 999-99-99");
});
</script>
Перестала работать маска ввода, но фото по прежнему отображаются косо.
*

effrit

  • Легенда
  • 9970
  • 1099 / 13
  • effrit.com
а если так

Код
<script type="text/javascript">
jQuery(function($) {
$(document).ready(function($){
  $("#phone").mask("+7 (999) 999-99-99");
$("#phone_p").mask("+7 (999) 999-99-99");
});
});
</script>
*

hottab_1

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
а если так

Код
<script type="text/javascript">
jQuery(function($) {
$(document).ready(function($){
  $("#phone").mask("+7 (999) 999-99-99");
$("#phone_p").mask("+7 (999) 999-99-99");
});
});
</script>
К сожалению, не помогло.
*

hottab_1

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
куда вставляете код?
В модуль, который выводит блок "Затрудняетесь в выборе двери". Код модуля выглядет вот так сейчас:
Код
{rsform 10}



<script type="text/javascript">
jQuery(function($) {
$(document).ready(function($){
  $("#phone").mask("+7 (999) 999-99-99");
$("#phone_p").mask("+7 (999) 999-99-99");
});
});
</script>
*

effrit

  • Легенда
  • 9970
  • 1099 / 13
  • effrit.com
а вот это откуда берется

Код
  <script type="text/javascript">
jQuery(function(){
    jQuery(".mask").mask("(999) 999-9999");
});
</script>

вы ещё куда-то вставили код и не стерли потом
*

hottab_1

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
а вот это откуда берется

Код
  <script type="text/javascript">
jQuery(function(){
    jQuery(".mask").mask("(999) 999-9999");
});
</script>

вы ещё куда-то вставили код и не стерли потом
Да, понял где. Я удалю попозже и отпишусь о результате. По идеи должно все работать?
*

fsv

  • Живу я здесь
  • 2669
  • 384 / 2
Веб-разработка: заказ. Только сложная и объемная разработка. Дорого.
*

hottab_1

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
а вот это откуда берется

Код
  <script type="text/javascript">
jQuery(function(){
    jQuery(".mask").mask("(999) 999-9999");
});
</script>

вы ещё куда-то вставили код и не стерли потом

Поискал, нигде не вставлен код. Он появляется, когда включаешь модуль в котором прописан код:
Код
<script type="text/javascript">
jQuery(function($) {
$(document).ready(function($){
  $("#phone").mask("+7 (999) 999-99-99");
$("#phone_p").mask("+7 (999) 999-99-99");
});
});
</script>
Отключаем модуль - пропадет код в head:
Код
  <script type="text/javascript">
jQuery(function(){
    jQuery(".mask").mask("(999) 999-9999");
});
</script>
*

hottab_1

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
ну так не бывает. ищи в этом модуле где второй раз прописано
Хорошо, буду искать, спасибо.
*

Arkadiy

  • Гуру
  • 5315
  • 462 / 2
  • Крепитесь, други.
У вас ошибка
Код
TypeError: jQuery(...).mask is not a function
Это происходит из-за того, что вы каким-то образом подключаете скрипты
Код
<script type="text/javascript" src="/js/jquery-1.7.2.min.js" ></script>
<script type="text/javascript" src="/js/jquery.maskedinput-1.3.min.js"></script>
в начале head. Потом идет подключение основных скриптов сайта, среди которых второй раз подключается jQuery. После второго подключения jQuery уже не знает о том, что такое jQuery(...).mask.
*

hottab_1

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
У вас ошибка
Код
TypeError: jQuery(...).mask is not a function
Это происходит из-за того, что вы каким-то образом подключаете скрипты
Код
<script type="text/javascript" src="/js/jquery-1.7.2.min.js" ></script>
<script type="text/javascript" src="/js/jquery.maskedinput-1.3.min.js"></script>
в начале head. Потом идет подключение основных скриптов сайта, среди которых второй раз подключается jQuery. После второго подключения jQuery уже не знает о том, что такое jQuery(...).mask.
То есть нужно убрать одно подключение jquery?
*

dmitry_stas

  • Легенда
  • 13152
  • 1232 / 8
да, не должно быть нескольких копий. это как правило всегда приводит к "непонятному" поведению
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

hottab_1

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
Результат, к сожалению, нет.
*

hottab_1

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
Уделал. Завтра отпишусь как решил проблему. Всем большое спасибо!
*

hottab_1

  • Осваиваюсь на форуме
  • 41
  • 0 / 0
Извиняюсь за задержку в рассказе, как удалось починить.
1. Удалил код скрипта из модуля
2. Прописал код скрипта в index.php:
Код
     <script> 
       $.noConflict();
 
 jQuery(function($){
   $("#phone").mask("+7 (999) 999-99-99");
   $("#phone_p").mask("+7 (999) 999-99-99");

});
 
      </script>
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать микроразметку twitter cards для Joomla 3?

Автор ALEXRAW

Ответов: 1
Просмотров: 69
Последний ответ 22.04.2021, 22:06:51
от ALEXRAW
Установка компонента в Joomla 3

Автор Бекжан

Ответов: 7
Просмотров: 1077
Последний ответ 27.03.2021, 15:00:56
от arma
[Решено] Несколько URL в одно условие IF

Автор lgmax

Ответов: 2
Просмотров: 90
Последний ответ 21.03.2021, 18:07:17
от lgmax
Чем Joomla 3.10 будет отличаться от Joomla 3.9?

Автор web1

Ответов: 2
Просмотров: 173
Последний ответ 10.03.2021, 00:04:53
от web1
Стандартные материалы выдают 2 заголовка H1

Автор Forgiving

Ответов: 14
Просмотров: 296
Последний ответ 06.03.2021, 10:47:17
от Forgiving