2011-03-31 69 views
0

我正在使用Jonathan Stark關於使用HTML,CSS和Javascript構建電話應用程序的書中的數據庫代碼。在他的HTML頁面上,他引用了jquery,jqtouch和javascript。JQTouch.js會干擾鏈接嗎?

在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頁面。

回答

3

rel="external"你的鏈接,就像這樣:

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

jQTouch應該不要管它呢。