首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >JQtouch图像链接

JQtouch图像链接
EN

Stack Overflow用户
提问于 2010-08-23 06:19:33
回答 1查看 1K关注 0票数 0

我正在尝试在我的web应用程序中启用功能,允许用户单击公司的徽标,使用JQtouch链接回web应用程序的主页。使用我当前的代码,当我点击图片时,我在网页检查器中得到一个错误,说“历史记录中没有页面”。

下面是一个示例:

代码语言:javascript
复制
<a href="#mainScreen"><img src="images/logo.gif"></a>

基本上,我希望使用此图像作为链接,让动画过渡正常工作,并灵活地使用# notation来引用我的html文件的不同屏幕。

当前代码:

代码语言:javascript
复制
<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:

代码语言:javascript
复制
$(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);
}



}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-08-23 12:24:23

这是在主站点上(或从谷歌代码中的下载)使用jQTouch时出现的错误。该问题在此处报告:http://code.google.com/p/jqtouch/issues/detail?id=103

要解决此问题,请使用svn中的最新版本或更高版本上的任何jqtouch r113。( svn中当前为r148,主站中为r109。)

指向svn的链接在这里:Google Code for jQTouch

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

https://stackoverflow.com/questions/3543690

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档