为什么jquery mobile和phonegap应用程序的导航栏没有出现?

时间:2016-02-26 21:45:17

标签: cordova jquery-mobile

我的导航栏根本无效。它没有显示在屏幕上,我不知道我做错了什么!

我正在使用JQuery Mobile和PhoneGap进行移动应用。

Bellow你会找到我所有的index.html文件以及我引用的所有内容。

我正在使用phonegap Cli(命令行),我现在正在浏览器中进行测试。

代码如下:

static void byProcess()
    {
        Process[] processes = Process.GetProcesses();
        List<string> suspendedAppsWhichHasTitle = new List<string>();

        foreach (var proc in processes)
        {
            // if it has main window title
            if (!string.IsNullOrEmpty(proc.MainWindowTitle))
            {
                // the app may be in suspend state 
                foreach (ProcessThread pT in proc.Threads)
                {
                    ThreadState ts = pT.ThreadState;
                    if (ts == ThreadState.Running)
                    {
                        suspendedAppsWhichHasTitle.Add(proc.MainWindowTitle);
                    }
                }                    
            }
        }

        foreach(string app in suspendedAppsWhichHasTitle)
        {
            Console.WriteLine(app);
        }

        if (suspendedAppsWhichHasTitle.Count == 0)
        {
            Console.WriteLine("No visible app is running!");
        }
        Console.Read();
    }

1 个答案:

答案 0 :(得分:1)

您的代码中存在错误data-role,而不是数据 - 漏洞

<强> HTML:

 <div data-role="page" id="Page1">
            <div data-role="header" data-position="fixed">
                <h1>xyz</h1>
                <div data-role="navbar">
                <ul>      
                    <li><a href="#index" data-icon="home">Home</a>      
                    <li><a href="#contacts" data-icon="search">Contacts</a>      
                    <li><a href="#events" data-icon="info">Events</a>      
                    <li><a href="#news" data-icon="grid">News</a>    
                </ul> 
                </div>
            </div>
            <div data-role="content">
                <button onclick="showPopup()">Show Popup</button>
            </div>
            <div data-role="footer">
                My Footer
            </div>
        </div>