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

Olga

  • Осваиваюсь на форуме
  • 25
  • 0 / 0
Всем привет.

Хочу вставить в стандартный модуль HTML вот такой скрипт:

Код

<div class="view-source">
  <a href="#">111</a>
  <div class="hide">Спрятанный текст</div>
</div>
<div class="view-source">
  <a href="#">222</a>
  <div class="hide">Спрятанный текст</div>
</div>
<div class="view-source">
  <a href="#">333</a>
  <div class="hide">Спрятанный текст</div>
</div>

<script>
$(function(){
    $('.view-source .hide').hide();
    $a = $('.view-source a');
    $a.on('click', function(event) {
      event.preventDefault();
      $a.not(this).next().slideUp(500);
      $(this).next().slideToggle(500);
    });
});
</script>


Почему-то он не работает и в консоле браузера я вижу следующее:
--
transport:539 Uncaught TypeError: $ is not a function
    at transport:539
--

В чем причина?
*

draff

  • Живу я здесь
  • 3681
  • 237 / 6
  • Ищу работу
Re: Не работает скрипт слайдов
« Ответ #1 : 09.04.2018, 10:38:59 »
Пробуйте, так не должно быть конфликта .
Код
<script>
jQuery(function($){
    $('.view-source .hide').hide();
    $a = $('.view-source a');
    $a.on('click', function(event) {
      event.preventDefault();
      $a.not(this).next().slideUp(500);
      $(this).next().slideToggle(500);
    });
});
</script>
Удалю вирус с сайта. Обновление Joomla!, JoomShopping, Virtuemart -> Коммерческий раздел     |    Отзывы
Создам плагин , модуль под заказ для VirtueMart , JoomShopping
*

effrit

  • Легенда
  • 9222
  • 1007 / 11
  • effrit.com
Re: Не работает скрипт слайдов
« Ответ #2 : 09.04.2018, 10:43:20 »
а вообще лучше использовать для вставки Flexi Custom Code, в родном высока вероятность чистки кода.
*

Olga

  • Осваиваюсь на форуме
  • 25
  • 0 / 0
Re: Не работает скрипт слайдов
« Ответ #3 : 09.04.2018, 10:54:05 »
Спасибо, ребят! Теперь работает как нужно!  *DRINK*
*

Olga

  • Осваиваюсь на форуме
  • 25
  • 0 / 0
Re: Не работает скрипт слайдов
« Ответ #4 : 09.04.2018, 11:05:51 »
Пробуйте, так не должно быть конфликта .
Код
<script>
jQuery(function($){
    $('.view-source .hide').hide();
    $a = $('.view-source a');
    $a.on('click', function(event) {
      event.preventDefault();
      $a.not(this).next().slideUp(500);
      $(this).next().slideToggle(500);
    });
});
</script>

А как сделать, чтобы блок раскрывался при наведении на div а не на конкретную ссылку?
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работает шаблон на русском языке

Автор Leo1986

Ответов: 0
Просмотров: 17
Последний ответ Сегодня в 16:38:47
от Leo1986
[Решено] Почему не работает всплывающее окно?

Автор denxio

Ответов: 0
Просмотров: 53
Последний ответ 16.03.2019, 16:36:48
от denxio
Не работает счетчик просмотров категории

Автор KKAAZZOO

Ответов: 3
Просмотров: 77
Последний ответ 16.03.2019, 14:37:19
от KKAAZZOO
sp page Builder не работает frontend editor

Автор alexandrrrr1

Ответов: 1
Просмотров: 43
Последний ответ 15.03.2019, 09:00:19
от alexandrrrr1
Не работает компонент стандартного поиска Joomla

Автор crazybott0m

Ответов: 6
Просмотров: 122
Последний ответ 27.02.2019, 19:21:59
от crazybott0m