2013-04-13 7 views
0

Я использую этот плагин Simpleselect http://pioul.fr/jquery-simpleselect, чтобы создать окно выбора HTML. Он просто скрывает элемент select и заменяет его на div, которые можно легко стилизовать. Проблема, с которой я сталкиваюсь, заключается в том, что мне нужно добавить прослушиватель событий к элементу select, который проверяет, был ли он изменен или нет.jQuery Simpleselect Plugin Event Issue

Это мой код, который отлично работает, когда я отключу плагин Simpleselect.

$("#mode").change(function() { 
    console.log("changed mode"); 
    calcRoute(); 
}); 

В документации есть абзац о событиях в конце страницы, но я не могу понять, как заставить его работать.

Это структура выводимого HTML ...

enter image description here

ответ

0

Чтение документации, вы просто должны передать пространство имен плагин к событию (они по умолчанию меняют идентификатор элемента):

$("#simpleselect_mode").change(function() { 
    console.log("changed mode"); 
    calcRoute(); 
}); 

или можете связаться с

$('#simpleselect_mode').bind('change.simpleselect', function() { 
//Your code 
}); 
+0

Я думал, что ваш первый пример тоже будет работать, но это не к сожалению. Второе - если вы просто измените селектор на #mode, а не на #simpleselect_mode. Благодарю. – GuerillaRadio