Здравствуйте!
Попробовал реализовать отображение картинки в зависимости от выбранного значения в select с id 'baget_select'.
Вот подопытная
страница, упражняюсь с обработкой выбора значения в select'е "Тип багета".
Среди ошибок в коде увидел:
|
Цитата:
|
|
Uncaught TypeError: Object [object Object] has no method 'on'
|
но не знаю как с ней быть. Jquery библиотеки подключены. Может они старые?..
Что я делал:
1. создал файл /templates/za-mag/js/abv347.js следующего содержания:
jQuery(function($) {
$('#baget_select').on('change', function(){
$('.myImg').remove();
if($(this).val()=="5723"){
$( '.product-field-type-S').after( '<img class="myImg" src="/images/banners/'+$(this).val()+'.jpg" alt="Тёмный багет" title="Тёмный багет" />' );
}
else{
$( '.product-field-type-S').after( '<img class="myImg" src="/images/banners/'+$(this).val()+'.jpg" alt="Светлый багет" title="Светлый багет" />' );
}
});
});
2. Прописал в index.php шаблона подключение .js файла:
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/abv347.js"> </script>
3. Выложил картинки 5723.jpg и 5724.jpg в /images/banners
Вопрос, что надо исправить, чтобы заработало появление картинок?