2014-12-05 3 views
0

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

Цель является обновить миниатюру с соответствующим выбором в раскрывающемся меню. Я пытаюсь реализовать этот фрагмент кода внутри блока 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?

ответ

0

Селектор jQuery ищет '#dynSelect', но в поле со списком в форме нет 'id'.

Вы можете добавить 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]); 
}); 
+0

Wow. Я полностью забыл поместить идентификатор в поле со списком в коде на сайте. И я вытаскивал свои волосы, пытаясь устранить непонятные проблемы. Большое спасибо за то, что указали мне в правильном направлении 2pha! – Kazoou