jQtouch ..屏幕上没有显示任何内容

时间:2013-03-12 17:14:19

标签: android jquery android-webview jqtouch

我对jQtouch很新。我正在关注this教程。但由于jQtouch的这个更新版本,我无法完全遵循它。我正在使用eclipse在android上开发一个应用程序。现在,这是我正在尝试运行的代码

    <html>
    <head>
        <!--<style type="text/css" media="screen">@import "themes/css/jqtouch.css";</style>
        <link type="text/css" media="screen" rel="stylesheet" href="themes/css/jqtouch.css" />
        <script src="src/lib/jquery.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="src/jqtouch.min.js" type="text/javascript" charset="utf-8"></script>-->


        <style type="text/css" media="screen">@import "themes/css/jqtouch.css";</style>
        <script src="src/lib/jquery.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="src/jqtouch.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="extensions/jqt.floaty.min.js" type="text/javascript" charset="utf-8"></script>



        <script type="text/javascript" charset="utf-8">
            var jQT = new $.jQTouch({
            icon: 'jqtouch.png',
            statusBar: 'black-translucent',
            preloadImages: []
        });
        <title>Kilo</title>
    </head>
    <body>

    <div id="home">
    <div class="toolbar">
        <h1>Kilo</h1>
    </div>
    <ul class="edgetoedge">
        <li class="arrow"><a href="#dates">Dates</a></li>
        <li class="arrow"><a href="#about">About</a></li>
    </ul>
    </div>
    </body>
</html>

现在,我在eclipse中没有错误。活动工作正常。但由于一些不明原因,我得到一个空页。也是jQtouch的新手我可以直接切换到jquery框架之类的任何东西,如果我在复杂的任务中遇到jQtouch的问题。 谢谢。 :)

1 个答案:

答案 0 :(得分:0)

您没有关闭脚本标记

<script type="text/javascript" charset="utf-8">
    var jQT = $.jQTouch({
        icon: 'jqtouch.png',
        statusBar: 'black-translucent',
        preloadImages: []
    });
</script><!-- Close it -->

<强>更新

摆脱new。 按照你正在制作自己的东西的例子。

如果你坚持使用正确的构造函数:

var jQT = new jQTouch({

   option: value

});