文章/答案/技术大牛

发布

社区首页 >问答首页 >JQuery移动数据-本机菜单=“false”引发一个未定义的错误

问JQuery移动数据-本机菜单=“false”引发一个未定义的错误
EN

Stack Overflow用户

提问于 2013-01-09 16:01:13

回答 1查看 830关注 0票数 1

使用jquery通过选择列表进行菜单样式设计。问题是，当我将数据本机菜单=“false”添加到标头时，会抛出一个错误。工作的代码片段如下：

var menu = '<div class="ui-select"><select name="menu-items" class="menu-items"  id="menu-items"  tabindex="-1" data-native-menu="false" >';
        menu += '<option value="a">A</option> <option value="b">A</option>';
        menu += '</select></div>'; 
$("div[data-role='header']", this.el).html(menu).trigger('create');

它生成的错误如下：

Uncaught TypeError: Cannot read property 'jQuery18303288714927621186' of undefined

在下面的示例中，我删除了数据本机菜单，它将正常工作，但UI并没有查看预期的内容：

var menu = '<div class="ui-select"><select name="menu-items" class="menu-items"  id="menu-items"  tabindex="-1"  >';
        menu += '<option value="a">A</option> <option value="b">A</option>';
        menu += '</select></div>'; 
$("div[data-role='header']", this.el).html(menu).trigger('create');

是什么导致了这个问题？

jquery-mobile

javascript

jquery

回答 1

Stack Overflow用户

发布于 2013-01-09 17:09:30

试试这个：

<!DOCTYPE html> 
<html><head>
<meta charset="UTF-8">
<title>data-natice-menu</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script>
$(document).ready(function(e) { 
    var menu = '<div class="ui-select"><select name="menu-items" class="menu-items"  id="menu-items"  tabindex="-1" data-native-menu="false" >';
    menu += '<option value="a">A</option> <option value="b">A</option>';
    menu += '</select></div>'; 
    $("div[data-role='header']", this.el).html(menu).trigger('create');
});

</script>
</head>
<body>
<div data-role="page" data-theme="a" id="page">
    <div data-role="header" data-position="fixed"></div>
</div>
</body>
</html>

编辑：我更改了代码。我测试了它，它显示了select正确。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/14241242

复制

相似问题

问JQuery移动数据-本机菜单=“false”引发一个未定义的错误
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQuery移动数据-本机菜单=“false”引发一个未定义的错误EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQuery移动数据-本机菜单=“false”引发一个未定义的错误
EN