IBM Worklight [Windows phone 8]：列表视图使用麻烦答案

【问题标题】：IBM Worklight [Windows phone 8]: list view uses troubleIBM Worklight [Windows phone 8]：列表视图使用麻烦
【发布时间】：2014-01-16 11:50:40
【问题描述】：

我的工作环境：

日食

IBM Worklight 6.1

处理器：英特尔 i3

操作系统：windows 8（企业版）

代码是使用 Phone GAP [HTML5 和 Javascript] 生成的

以下是我的项目中出现错误的代码：

问题：

以上代码在 Android 和 iOS 设备上运行良好，所以我需要确认 windows 8 手机不支持“ListView”控件？如果不是，那么有什么替代解决方案？

【问题讨论】：

你在打电话。 ListView 在包含基本 jQuery 库后立即 - 它不包含 ListView 插件。修复脚本引用的顺序，并确保在尝试使用之前包含 javascript。
@Mitalkumer，你尝试过 vishal 的建议吗？

标签： listview jquery-mobile windows-phone-8 ibm-mobilefirst

【解决方案1】：

我无法重现此错误。
我使用 Worklight 项目（使用 jQuery Mobile 1.4.3）在 Windows Phone 8 中测试了以下内容；一切正常...

另外，请参阅@vishal_g 的评论。

HTML

<!DOCTYPE HTML>
<html>
    <head>
        ...
        ...
        <link href="jqueryMobile/jquery.mobile-1.4.3.css" rel="stylesheet">
        <link rel="stylesheet" href="css/main.css">
        <script>window.$ = window.jQuery = WLJQ;</script>
        <script src="jqueryMobile/jquery.mobile-1.4.3.js"></script>
    </head>
    <body style="display: none;">
        <div data-role="page" id="page">
            <div data-role="content" style="padding: 15px">
                <ul data-role="listview" id="list" data-autodividers="true">
                    <li><a href="#">Adele</a></li>
                    <li><a href="#">Agnes</a></li>
                    <li><a href="#">Billy</a></li>
                    <li><a href="#">Calvin</a></li>
                </ul>
            </div>
            <button onclick="emptyList()">empty list</button>

        </div>
        <script src="js/initOptions.js"></script>
        <script src="js/main.js"></script>
        <script src="js/messages.js"></script>
    </body>
</html>

JavaScript

function wlCommonInit(){

}

function emptyList() {
    $("#list").listview().empty();
}

【讨论】：