У меня проблемы с JQuery Mobile. У меня есть выпадающее меню, и когда я выбираю опцию из меню, я могу успешно заставить JQuery распечатать консольный оператор. У меня есть ссылка на другую страницу с выпадающим меню с тем же идентификатором, что и на предыдущей странице. Когда я выбираю из этого параметра, я не могу заставить JQuery напечатать для меня консольный оператор. Как мне заставить JQuery распечатать консольный оператор для меня в этом случае?
На каждой странице есть заголовок с выпадающим меню, но он работает только при начальной загрузке страницы. Если пользователь щелкает ссылку на другую страницу с таким же выпадающим меню, он перестает работать, даже если выпадающие меню имеют одинаковый идентификатор
$(document).ready(function() {
var courseID = $("#course_id").attr('value');
var holeNum = $("#hole_number").attr('value');
$("#score-dropdown").click(function() {
console.log(courseID);
console.log(holeNum);
});
})
Одним из способов решения этой проблемы является добавление data-ajax="false" к моим ссылкам, но тогда я не вижу анимацию смахивания. Есть ли что-нибудь вокруг этого?
Редактировать: Я понял, почему. Я должен изменить код на следующее:
$("#score-dropdown").live('change', function() {
var courseID = $("#course_id").attr('value');
var holeNum = $("#hole_number").attr('value');
console.log(courseID);
console.log(holeNum);