Le lien ne fonctionne pas correctement sur mon application HTML5

J'ai fait le tour et autour, en essayant d'appliquer autant de solutions différentes que possible, en essayant de résoudre ce problème par moi-même. Le fait est que je ne peux pas!Le lien ne fonctionne pas correctement sur mon application HTML5

Je développe une application très simple en HTML5 sur Adobe PhoneGap. L'application est seulement une liste de liens que l'utilisateur doit cliquer et accéder aux sites Web respectifs. Problème? Le problème est que les sites s'ouvrent sur l'application et non sur le navigateur. J'ai déjà essayé tout ce que je savais ... Définir target _blank, appliqué this solution, this one, this one et this one. J'ai aussi été googling, mais les résultats sont exactement les mêmes: pas de solution à mon problème.

Il doit y avoir quelque chose que je fais de mal, et maintenant je ne pense pas avoir le discernement pour voir ce que c'est! Et il me rend fou ... Voici le code:

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8" /> 

     <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame 
     Remove this if you use the .htaccess --> 

     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 

     <title>Northern Landscape APP</title> 
     <meta name="description" content="Northern Landscape APP - With this APP you can keep up with the latest news of our group: Features, Group Messages, new magazine issues and more!" /> 
     <meta name="author" content="LFS" /> 

     <meta name="viewport" content="width=device-width; initial-scale=1.0" /> 

     <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references --> 

     <link rel="shortcut icon" href="/favicon.ico" /> 
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" /> 

     <link rel="stylesheet" href="style.css"> 

     <script type="text/javascript"> 
    $('.link').live('tap', function() { 
    url = $(this).attr("rel"); 
    loadURL(url); 
}); 

function loadURL(url){ 
    navigator.app.loadUrl(url, { openExternal:true }); 
    return false; 
} 
     </script> 

    </head> 

    <body> 
     <div id="contentor"> 

      <header> 

      </header> 

      <nav> 

      <div id="cabeca"> 
       <img src="imgs/cabecalho.png"> 
      </div> 

      <br> 
      <br> 
      <br> 
      <div id="botoeswraper"> 

       <div id="linha1"> 

       <div id="b1"> 
        <div id="icone"><img src="imgs/logo_compus.png"></div> 
        <div id="texto"> 
        <a href="#" class='link' rel='http://www.northernlandscape.org'>Official Website</a> </div> 
       </div> 

       </div> 

       <div id="linha2"> 

       <div id="b2"> 
        <div id="icone"><img src="imgs/rblogo.png"></div> 
        <div id="texto"> 
        <a href="#" class='link' rel='http://www.redbubble.com/groups/northern-landscape'>Redbubble group</a> </div> 
       </div> 

       </div> 

       <div id="linha3"> 

       <div id="b3"> 
        <div id="icone"><img src="imgs/groupmsg.png"></div> 
        <div id="texto"> 
        <a href="#" class='link' rel='http://www.redbubble.com/groups/northern-landscape/forums/7330'>Group messages</a> </div> 
       </div> 

       </div> 

       <div id="linha4"> 

       <div id="b4"> 
        <div id="icone"><img src="imgs/issues.png"></div> 
        <div id="texto"> 
        <a href="#" class='link' rel='http://www.northernlandscape.org/alli.php'>All NL magazine issues</a> </div> 
       </div> 

       </div> 

       <div id="linha5"> 

       <div id="b5"> 
        <div id="icone"><img src="imgs/tweeter.png"></div> 
        <div id="texto"> 
        <a href="#" class='link' rel='https://twitter.com/NL_host'>Check us on Tweeter</a> </div> 
       </div> 

       </div> 

       </div> 

      </nav> 

<p>&nbsp;</p> 
<p>&nbsp;</p> 

      <footer> 
       <p> 
        NL APP version 1.0 - Developed by LFS&copy; 
       </p> 
      </footer> 
     </div> 
    </body> 
</html>

Je suis très apprécié pour toute aide que je peux obtenir ...

Source

2013-03-27 user2104321

double possible de [PhoneGap - Ouvrir le lien dans le navigateur] (http://stackoverflow.com/questions/14070841/phonegap-open-link-in-browser) – robertc

Merci beaucoup pour vos commentaires Marcelo! Je ne sais pas si vous avez lu mon message correctement, mais comme je le dis, cette solution a déjà été essayée par moi sans résultat (ainsi que d'autres !!). Par conséquent, ma question ne porte pas sur ce que je devrais faire pour résoudre ce problème, mais qu'est-ce que je fais mal à cause de aucune des solutions que je trouve le travail! C'est pourquoi j'ai fourni tout le code de mon application ... Je suis désolé si mon anglais est confus et vous induit en erreur. J'espère que vous ou quelqu'un d'autre a une réponse ... – user2104321

Je l'ai fait les changements ci-dessous et chacun travaille pour moi.

<!-- Opens in new tab --> 
<a href="http://www.northernlandscape.org" target="_blank">Official Website</a> 

<!-- Opens in new window --> 
<a href="#" onClick="window.open('http://www.redbubble.com/groups/northern-landscape', '_system', 'location=yes');">Redbubble group</a>

Source

2013-10-23 17:51:59 Abel8658

Le lien ne fonctionne pas correctement sur mon application HTML5

Répondre

Questions connexes