javascript - JQTouch.js 会干扰链接吗？

Question

我正在使用 Jonathan Stark 所著关于使用 HTML、CSS 和 Javascript 构建手机应用程序的书中的数据库代码。在他的 HTML 页面上，他引用了 jquery、jqtouch 和 javascript。

在 HTML 页面上，他创建了转到同一页面的简单链接:

<li class="arrow"><a id="1" href="#date">Yesterday</a></li>

当我用...替换它时

<li><a href="rc18.html"><strong>RC18 setups</strong></a></li>

...然后页面保持不变；它不会更改为新的 HTML 页面。

那么，JQTouch.js 会干扰链接吗？

Jqtouch.js 有 9 个对“href”的引用，但我不知道足够的 Javascript 来理解它们。

这是一个例子:

    function showPageByHref(href, options) {
        var defaults = {
            data: null,
            method: 'GET',
            animation: null,
            callback: null,
            $referrer: null
        };

        var settings = $.extend({}, defaults, options);

        if (href != '#')
        {
            $.ajax({
                url: href,
                data: settings.data,
                type: settings.method,
                success: function (data, textStatus) {
                    var firstPage = insertPages(data, settings.animation);
                    if (firstPage)
                    {
                        if (settings.method == 'GET' && jQTSettings.cacheGetRequests && settings.$referrer)
                        {
                            settings.$referrer.attr('href', '#' + firstPage.attr('id'));
                        }
                        if (settings.callback) {
                            settings.callback(true);
                        }
                    }
                },
                error: function (data) {
                    if (settings.$referrer) settings.$referrer.unselect();
                    if (settings.callback) {
                        settings.callback(false);
                    }
                }
            });
        }
        else if ($referrer)
        {
            $referrer.unselect();
        }
    }

这里:

    // User clicked an internal link, fullscreen mode
    if (target == '_webapp') {
        window.location = $el.attr('href');
    }
    // User clicked a back button
    else if ($el.is(jQTSettings.backSelector)) {
        goBack(hash);
    }
    // Branch on internal or external href
    else if (hash && hash!='#') {
        $el.addClass('active');
        goTo($(hash).data('referrer', $el), animation);
    } else {
        $el.addClass('loading active');
        showPageByHref($el.attr('href'), {
            animation: animation,
            callback: function(){ 
                $el.removeClass('loading'); setTimeout($.fn.unselect, 250, $el);
            },
            $referrer: $el
        });

他还引用了 jquery.js，其中的 href 实例对我来说非常神秘。您能通过上面的代码看到是否有什么东西干扰我进入应用程序同一文件夹中的另一个 html 页面。

Answer 1

将 rel="external" 添加到您的链接上，如下所示:

<li><a href="rc18.html" rel="external"><strong>RC18 setups</strong></a></li>

jQTouch 应该不管它。