Добрый день.
При использовании
возникает ошибка "jQuery.ionSound is not a function".
Я понимаю, что проблема, скорее всего, в загрузке нескольких jquery, но jquery.noconflict() не помог, либо я использовал его не так, как нужно.
Подключается слайдер таким образом:
<script src="../ion/js/jquery-1.11.3.min.js"></script> <script src="../ion/js/ion.rangeSlider.min.js"></script>
В этом деле я новичек и буду благодарен за помощь.
/wp-recall/add-on/message/js/scripts.js?ver=15.0.7
jQuery.ionSound
строка 51
Otshelnik-Fm сказал(а)
У вас 2 копии jquery. одну - эту: jobtravel.top/ion/js/jquery-1.11.3.min.js отключайте
Андрей CS сказал(а)
ну так вы подключаете дубль jquery
Вы не можете просматривать опубликованные ссылкион не нужен, удаляйте.
абсолютно согласен. но это я тоже пробовал.
ошибка меняется на TypeError: $ is not a function
и перестает работать слайдер.
как на данный момент
deimos сказал(а)
абсолютно согласен. но это я тоже пробовал.
ошибка меняется на TypeError: $ is not a function
и перестает работать слайдер.
как на данный момент
Поэтому вы предлагаете лепить одни ошибки на другие в надежде, что браузер сдастся?
Удаляйте дубль, а потом решайте ту ошибку, что будет возникать.
Поэтому вы предлагаете лепить одни ошибки на другие в надежде, что браузер сдастся?
Удаляйте дубль, а потом решайте ту ошибку, что будет возникать
Нет. не предлагаю. Удалил.
Вижу, что ошибка в другом модуле теперь.
Но я сразу признался, что я в этом вопросе нов и именно по этой причине пришел за помощью )
Спасибо - попробую разобраться
Вопрос решен. Тему прошу закрыть
пример из rangeslider
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Ion.RangeSlider - test</title>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/ion.rangeSlider.css" />
<link rel="stylesheet" href="css/ion.rangeSlider.skinFlat.css" />
</head>
<body>
<!-- Page contents -->
<div style="position: relative; padding: 200px;">
<div>
<input type="text" id="range" value="" name="range" />
</div>
</div>
<!-- All JS -->
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/ion.rangeSlider.js"></script>
<script>
$(function () {
$("#range").ionRangeSlider({
hide_min_max: true,
keyboard: true,
min: 0,
max: 5000,
from: 1000,
to: 4000,
type: 'double',
step: 1,
prefix: "$",
grid: true
});
});
</script>сладует изменит на
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Ion.RangeSlider - test</title>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/ion.rangeSlider.css" />
<link rel="stylesheet" href="css/ion.rangeSlider.skinFlat.css" />
</head>
<body>
<!-- Page contents -->
<div style="position: relative; padding: 200px;">
<div>
<input type="text" id="range" value="" name="range" />
</div>
</div>
<!-- All JS -->
<!-- <script src="js/jquery-1.11.3.min.js"></script>-->
<script src="js/ion.rangeSlider.js"></script>
<script>
jQuery(function () {
jQuery("#range").ionRangeSlider({
hide_min_max: true,
keyboard: true,
min: 0,
max: 5000,
from: 1000,
to: 4000,
type: 'double',
step: 1,
prefix: "$",
grid: true
});
});
</script>
