如何使用JQuery Mobile在下拉菜单上注册单击操作?

如何使用JQuery Mobile在下拉菜单上注册单击操作?,jquery,jquery-mobile,Jquery,Jquery Mobile,我在JQuery Mobile上遇到了一些问题。我有一个下拉菜单,当我从菜单中选择一个选项时,我可以成功地让JQuery打印出一个控制台语句。我有一个指向另一个页面的链接,该页面具有与上一个页面相同的id的相同下拉菜单。当我从中选择一个选项时,我无法让JQuery为我打印控制台语句。在这种情况下,如何让JQuery为我打印控制台语句 基本上,每个页面上都有一个带有下拉菜单的标题,但它只在页面最初加载时起作用。如果用户单击指向具有相同下拉菜单的其他页面的链接,则即使下拉菜单具有相同的ID,该链接也

我在JQuery Mobile上遇到了一些问题。我有一个下拉菜单,当我从菜单中选择一个选项时,我可以成功地让JQuery打印出一个控制台语句。我有一个指向另一个页面的链接,该页面具有与上一个页面相同的id的相同下拉菜单。当我从中选择一个选项时,我无法让JQuery为我打印控制台语句。在这种情况下,如何让JQuery为我打印控制台语句

基本上,每个页面上都有一个带有下拉菜单的标题,但它只在页面最初加载时起作用。如果用户单击指向具有相同下拉菜单的其他页面的链接,则即使下拉菜单具有相同的ID,该链接也会停止工作

$(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);

确保其他页面上没有其他脚本失败。

您好,我认为问题在于,当您使用JQuery Mobile单击链接时,它会使用AJAX加载链接。所以,当我这么做的时候,有些事情搞砸了。