在JQuery Mobile的选择菜单中设置默认选择？

Question

我正在尝试在JQuery mobile的选择菜单中设置默认选择.文档有这个:

   var myselect = $("select#foo");
   myselect[0].selectedIndex = 3;
   myselect.selectmenu("refresh");

我在创建菜单的地方添加了,但是当我运行代码时,我收到此错误:

抛出"无法在初始化之前调用"+ name +"上的方法;"+"尝试调用方法'"+ options +"'";

不知道此时该怎么办......

Answer 1

您正在尝试使用尚未加载的javascript来操纵DOM对象.将javascript移动到您尝试操作的表单之后,或者将您的代码更多地移动到在文档加载时执行的函数中.

例如:

$('#PAGE').live('pagecreate',function(event){
    var myselect = $("select#foo");
    myselect[0].selectedIndex = 3;
    myselect.selectmenu("refresh");
});

PAGE您正在加载的页面的ID 在哪里,其中包含您要操作的菜单.

编辑:

我根据jinyuan关于JQuery Mobile事件的评论更新了示例以使用JQuery Mobile pagecreate 事件.