Question

我在使用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);

Answer 1

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

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

1 个答案: