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

发布于 2024-11-14 07:50:37 字数 323 浏览 3 评论 0原文

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

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

我在创建菜单的正下方添加了它，但是当我运行代码时，我收到此错误：

抛出“在初始化之前无法调用“+名称+”上的方法；“+ “尝试调用方法'”+选项+“'”；

不知道此时该做什么...

原文

I'm trying to set the default selection in a select menu in JQuery mobile. The docs have this:

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

Which I added right underneath where I create the menu, but then when I run the code I get this error:

throw "cannot call methods on " + name + " prior to initialization; " +
"attempted to call method '" + options + "'";

Not sure what to do at this point...

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

站稳脚跟 2024-11-21 07:50:37

您正在尝试使用尚未加载的 javascript 操作 DOM 对象。将 JavaScript 移至您要操作的表单之外，或者将您的代码移至在文档加载时执行的函数中。

例如：

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

其中 PAGE 是您正在加载的页面的 ID，该页面包含您要操作的菜单。

编辑：

我根据 jinyuan 关于 JQuery Mobile 事件。

You're trying to manipulate DOM objects with javascript that haven't loaded yet. Move the javascript past the form you're trying to manipulate, or more your code into a function that executes on document load.

For example:

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

where PAGE is the id of the page you're loading that contains the menu you want to manipulate.

EDIT:

I updated the example to use the JQuery Mobile pagecreate event based on jinyuan's comment regarding JQuery Mobile events.

回复收藏 0 原文

第几種人 2024-11-21 07:50:37

作为 jQuery 函数：

$.fn.jqmSelectedIndex = function(index){
    var self = $(this)
    self
        .prop('selectedIndex', index)
    .selectmenu("refresh");

    return self;
}

$("select#foo").jqmSelectedIndex(3);

这未经验证但有效。

As jQuery function:

$.fn.jqmSelectedIndex = function(index){
    var self = $(this)
    self
        .prop('selectedIndex', index)
    .selectmenu("refresh");

    return self;
}

$("select#foo").jqmSelectedIndex(3);

This isn't validated but works.

回复收藏 0 原文