Откидной тумблер (jQuery) при изменении не срабатывает

Question

Откидной тумблер (jQuery) при изменении не срабатывает

0

Мне нужно запустить событие (которое отправляет данные POST во внешний скрипт), когда состояние переключателя тумблера меняется, но я даже не могу получить самый простой пример для работы...

Может кто-нибудь, пожалуйста, скажите мне, что я делаю неправильно?

HTML:

<label for="flipswitch">Option:</label>
<select name="flipswitch" id="flipswitch" data-role="slider">
    <option value="off">Off</option>
    <option value="on">On</option>
</select>'

JavaScript (в разделе <head>):

<script>

    $('#flipswitch').change(function(){
        console.log("flipswitch");
    });
</script>

user1314147 10 март 2014, в 01:47

Источник

0

выглядит хорошо jsfiddle.net/arunpjohny/z5ABx/1 - вы добавили скрипт в обработчик dom ready - любая ошибка в консоли браузера
Arun P Johny 10 март 2014, в 00:47
0

Выглядит хорошо, вы уверены, что вы импортировали jQuery, и нет никаких других ошибок JS? Скрипки.
Rick Hanlon II 10 март 2014, в 00:47
0

Нет проблем с самим скриптом, но с позицией тега скрипта. Смотри мой ответ.
Matúš Dúbrava 10 март 2014, в 00:52

Показать ещё 1 комментарий

Теги:

javascript

jquery

3 ответа

Ещё вопросы

выглядит хорошо jsfiddle.net/arunpjohny/z5ABx/1 - вы добавили скрипт в обработчик dom ready - любая ошибка в консоли браузера
Выглядит хорошо, вы уверены, что вы импортировали jQuery, и нет никаких других ошибок JS? Скрипки.
Нет проблем с самим скриптом, но с позицией тега скрипта. Смотри мой ответ.

Matúš Dúbrava · Answer 1 · 2014-03-09T22-53-00.000Z

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

<script>

    $(function() {
        $('#flipswitch').change(function(){
            console.log("flipswitch");
        });          
    });
</script>

или вы можете просто перенести тег сценария из основного тега на нижнюю часть тега body, и он также будет работать.

DeeKayy90 · Answer 2 · 2014-03-09T22-33-00.000Z

$("#flipswitch").on("change", function(e){
    console.log("flipswitch");
});

Может быть, потому что.change устарел в пользу.on()

ДЕМО: http://jsfiddle.net/naUmA/13/

B.Bart · Answer 3 · 2014-03-09T22-13-00.000Z

Код работает для меня. Вы уверены, что ищете консольный выход? У вас есть код в $ ('document'). Ready (function() {

)};

Спасибо за быструю помощь! Это была проблема, раньше она была ниже переключателя, а код все еще не работал .... но теперь все хорошо!
Я был бы признателен за кредит - мне это нужно. Отметить как где-то ответили.