Ссылка на изображение JQtouch

Я пытаюсь включить функциональность в своем веб-приложении, чтобы пользователи могли щелкнуть логотип компании, чтобы вернуться на главную страницу веб-приложения с помощью JQtouch. С моим текущим кодом я получаю сообщение об ошибке в веб-инспекторе, говорящее, что «Нет страниц в истории», когда я нажимаю на изображение.

Вот пример:

<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);
}



}

jquery jqtouch
person Sachin    schedule 22.08.2010    source источник
comment
Можете ли вы опубликовать свой текущий код?   -  person tr4656    schedule 23.08.2010
comment
похоже, у вас есть лишний div. либо один из div выше, либо div после формы необходимо удалить.   -  person tr4656    schedule 23.08.2010
comment
Спасибо. Я исправил это, но я все еще сталкиваюсь с той же проблемой.   -  person Sachin    schedule 23.08.2010

Ответы (1)


arrow_upward
1
arrow_downward

Это ошибка использования jQTouch на основном сайте (или из загрузок в коде Google). О проблеме сообщается здесь: http://code.google.com/p/jqtouch/issues/detail?id=103.

Чтобы решить эту проблему, используйте новейшую версию svn или любую версию jqtouch r113 и выше. (Тот, что в svn в настоящее время — r148, а тот, что на основном сайте — r109.)

Ссылка на svn находится здесь:Google Code for jQTouch

person tr4656    schedule 23.08.2010
comment
Репозиторий кода Google устарел, используйте репозиторий Github: wiki.github.com/senchalabs/jQTouch - person Kris Erickson; 23.08.2010
comment
Прохладный. Я загрузил самое последнее обновление кода, однако теперь, когда я загружаю свой сайт, все мои экраны загружаются на одну и ту же страницу. Я думаю, это связано с тем, что браузер подтягивает /index.html#undefined вместо /index.html#mainScreen Кто-нибудь знает решение? - person Sachin; 23.08.2010
comment
Неважно, очевидно, вам нужно обернуть все ‹тело› в ‹div id=jqt›, чтобы перейти с r109 на более новые версии. - person Sachin; 23.08.2010