Не работает jQuery Mobile
Добавлено: Ср май 25, 2016 12:27 pm
Столкнулся с проблемой
Вставляю на сцену простой блок radio
Добавляю js
В идеале должно получится так http://jsfiddle.net/Sandr/825gqvam/2/
Но не получается......
И внешне не красиво и JS код не срабатывает
Стал искать причину. И нашел ....
Функция processCheckStates в файле templates/scenes/scenes.tpl
перебирает объекты на сцене и обновляет информацию перезаписывая эти объекты заново на сцене
строчка 332 elem.html('<span>'+obj.HTML+'</span>');
и далее
В результате - мой jquery код обращающийся с элементу в DOM структуре страницы
теряет объект (он заменен на новый командой из 332 й строчки
)
Теперь задача - как каждый раз вновь вешать хук на необходимый DOM элемент после срабатывания processCheckStates
Вставляю на сцену простой блок radio
Код: Выделить всё
<fieldset data-role="controlgroup">
<input type="radio" class="radioLight" id="radioR-1" name="LightRight" value="100" />
<label for="radioR-1">макс</label>
<input type="radio" class="radioLight" id="radioR-2" name="LightRight" value="75" />
<label for="radioR-2">75</label>
<input type="radio" class="radioLight" id="radioR-3" name="LightRight" value="50" />
<label for="radioR-3">50</label>
<input type="radio" class="radioLight" id="radioR-4" name="LightRight" value="25" />
<label for="radioR-4">25</label>
<input type="radio" class="radioLight" id="radioR-5" name="LightRight" value="1" />
<label for="radioR-5">мин</label>
<input type="radio" class="radioLight" id="radioR-6" name="LightRight" value="0" />
<label for="radioR-6">выкл</label>
</fieldset>
Код: Выделить всё
$(document).ready(function () {
$( ".radioLight" ).change( function() {
alert( $( this ).val() );
});
}); - 2016-05-25_12-16-41.png (6.14 КБ) 2489 просмотров
И внешне не красиво и JS код не срабатывает
- 2016-05-25_12-18-49.png (16.21 КБ) 2489 просмотров
Стал искать причину. И нашел ....
Функция processCheckStates в файле templates/scenes/scenes.tpl
перебирает объекты на сцене и обновляет информацию перезаписывая эти объекты заново на сцене
строчка 332 elem.html('<span>'+obj.HTML+'</span>');
и далее
В результате - мой jquery код обращающийся с элементу в DOM структуре страницы
теряет объект (он заменен на новый командой из 332 й строчки
)Теперь задача - как каждый раз вновь вешать хук на необходимый DOM элемент после срабатывания processCheckStates