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

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

  • Легенда
  • 10132
  • 1118 / 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

  • Легенда
  • 10132
  • 1118 / 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

  • Легенда
  • 10132
  • 1118 / 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

  • Живу я здесь
  • 2765
  • 402 / 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

  • Гуру
  • 5317
  • 463 / 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

  • Легенда
  • 13151
  • 1234 / 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>
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Что хранится в таблице overrider Joomla 3?

Автор web1

Ответов: 2
Просмотров: 205
Последний ответ 04.04.2024, 22:10:48
от web1
[Решено] Перестали работать переходы по меню сайта

Автор AlexP750

Ответов: 12
Просмотров: 538
Последний ответ 06.02.2024, 12:42:26
от AlexP750
reCAPTCHA V2 Google - Для Joomla 3

Автор Alex GOOD

Ответов: 35
Просмотров: 8342
Последний ответ 10.01.2024, 21:41:38
от Vastriet
Joomla 3.10.12 и MySQL 8

Автор designer71

Ответов: 0
Просмотров: 398
Последний ответ 19.10.2023, 11:25:18
от designer71
Почему Joomla не поддерживает формат webp?

Автор Sensession

Ответов: 74
Просмотров: 10634
Последний ответ 03.10.2023, 19:44:42
от fsv