Question

我正在尝试在我的网络应用中启用功能，以允许用户点击公司的徽标，使用JQtouch链接回网页应用的主页面。使用我当前的代码，我在Web检查器中收到错误，指出当我单击图像时“历史记录中没有页面”。

以下是一个例子：

<a href="#mainScreen"><img src="images/logo.gif"></a>

基本上，我想将此图像用作链接，让动画过渡正常，并且可以灵活地使用＃符号来引用我的html文件的不同屏幕。

当前代码：

<html>
<head>
    <title>main</title>
    <link type="text/css" rel="stylesheet" media="screen" href="jqtouch/jqtouch.css">
    <link type ="text/css" rel="stylesheet" media="screen" href="themes/jqt/theme.css">
    <script type="text/javascript" src="jqtouch/jquery.js"></script>
    <script type="text/javascript" src="main.js"></script>
    <script type="text/javascript" src="jqtouch/jqtouch.js"></script>
    <script type="text/javascript">
        var jQT = $.jQTouch({
            statusBar: 'black'
        });
    </script>
</head>
<body id="stackLayout">
    <div id="mainScreen">
        <div class="toolbar">
            <a class="button flip" href="#friends" style="margin-right: 250px">Friends</a>
            <a class="button flip" href="#nearby" style="margin-right: 193px">Nearby</a>
            <a class="button flip" href="#me" style="margin-right: 160px">Me</a>
            <a class="button flip" href="#settings" style="margin-right: 80px">Settings</a>
            <img style="float: right; margin-right: -14px; margin-top: -10px" src="images/logo.jpg" onclick="logo_onClickHandler(event)">
        </div>

        </div>
        <form method="post" style="margin: 150px 0 0 0">
                        <ul>
                            <li><input placeholder="When" type="text" name="when" id="whenField" /></li>
                            <li><input placeholder="Where" type="text" name="where"
                                id="whereField" /></li>
                            <li><input placeholder="" type="text" name="weight"
                                    id="weight" /></li>

                            <li><input type="submit" class="submit" name="action" 
                                value="Post" /></li>
                        </ul>
                    </form>
    </div>

这是我的JS：

$(document).ready(function(){

});

function logo_onClickHandler(event) {
var views = document.getElementById('stackLayout')
var main = document.getElementById('mainScreen');
if (views && views.object && main){
    views.object.setCurrentView(main, true);
}



}

Answer 1

这是在主站点（或谷歌代码中的下载）中使用jQTouch的错误。这里报告的问题是：http://code.google.com/p/jqtouch/issues/detail?id=103。

要解决此问题，请使用svn中的最新版本或更高版本的任何jqtouch r113。（svn中的那个当前是r148，而来自主站点的那个是r109。）

链接到svn就在这里：Google Code for jQTouch

JQtouch图像链接

1 个答案: