JavaScript не инициализируется в блоке Drupal

У меня есть следующая скрипка: http://jsfiddle.net/VYbLX/125/

Цель состоит в том, чтобы обновить миниатюру соответствующим выбором в раскрывающемся меню. Я пытаюсь реализовать этот фрагмент кода внутри блока Drupal, который будет помещен на определенную страницу.

Страница, на которой он реализован: http://sulzbachercenter.org/fundraisers/give-a-good-night Чтобы реализовать код, я переписал JS в отдельный файл и назвал его так:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://sulzbachercenter.org/sites/default/files/ggn_js/dyn.js"></script>

Блок может полностью запускать PHP и HTML, поэтому я знаю, что это не проблема, но у меня нет идей по устранению неполадок. Кто-нибудь может понять, почему этот код не работает в среде Drupal?


javascript php drupal block drupal-blocks
person Kazoou    schedule 05.12.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Селектор jQuery ищет «#dynSelect», но поле со списком в форме не имеет «идентификатора».

Вы можете либо добавить id="dynSelect" в поле со списком.

или
изменить

$('#dynSelect').change(function () {
    var val = $('#dynSelect').val();
    $('#dynImg').attr("src",pictureList[val]);
});

на что-то вроде:

$("select[name='os0']").change(function () {
    var val = $("select[name='os0']").val();
    $('#dynImg').attr("src",pictureList[val]);
});
person 2pha    schedule 06.12.2014
comment
Вот это да. Я совершенно забыл поместить идентификатор в поле со списком в коде на сайте. И я рвал на себе волосы, пытаясь устранить более неясные проблемы. Большое спасибо за то, что указали мне правильное направление, 2pha! - person Kazoou; 06.12.2014