Comment Faire la Page avec le Hash Tag Href Actualisation

J'ai un lien qui a un href de "/news#1930". Quand je clique sur ce lien lors de la /news page, il n'a pas d'actualiser la page (il ajoute juste #1930 à la fin de l'URL). Je tiens à actualiser la page (je suis en utilisant le info après le # tag avec certains jquery pour charger l'article correspondant dans une iframe et quand il n'est pas l'actualisation de ne pas charger le nouvel article). Toutes les idées sur la façon de forcer le rafraîchissement?

Le code que j'ai actuellement est:

$(document).ready(function() {
  var $news_story       = $(window.location.hash.substring(1)),
      $news_number      = $news_story.selector,
      $news_url         = 'http://www.synergy-pr.com/news/mediacenter/index.html?view=article&CustomerID=41b1if9-a17d4va5sf7of15e3kb0pa3kd2y-99d03n8sq4ad2xk8h47j00r98el5pf&ClientArticleID=' + $news_number, //url of specific article
      $news_url_default = 'http://www.synergy-pr.com/news/mediacenter/index.html?CustomerID=41b1if9-a1hd4xa52f78f1ke3bb0oa3ld2k-90208c8g64x02nh8wf7ad0m181p5su'; //url of general news page

        if ($news_number.length>0) { //if their is a # with a number, this means it is a sidebar link and should load that specific article
          $('#news-feed').attr('src', $news_url);
        } else { //if not, load the main news page
          $('#news-feed').attr('src', $news_url_default);
        }
 });

OriginalL'auteur Andrew | 2010-11-12

  1. 6

    Hachages sont destinés à ne pas causer un rechargement de la page. Si vous utilisez jQuery pour charger cet article, vous pouvez exécuter une histoire.aller(0) ou d'une fenêtre.emplacement.recharger, puis utiliser jQuery pour trouver le hash tag et processus (sur l'événement load de rafraîchir la page).

    $(document).ready(function(){
  loadArticle = function(articleId){
    //code to query/load the article
  };
  if (window.location.hash)
    articleLoad(window.location.hash);

  $('.articleLink').click(function(){
    window.location.hash = $(this).attr('rel');
    window.location.reload();
  });
});

    MODIFIER je suppose que vous allez le hachage de route pour la même raison que des sites comme facebook n': livre marque de capacité et d'indexation malgré que vous êtes en utilisant ajax pour une intégration harmonieuse.

    EDIT 2 Voici ce que j'ai trouvé pour montrer ce que je fais allusion. Cela vous permettra de charger jusqu'à un hachage qui est passé dans l'URL et de traiter tous les nouveaux clics pour de nouveaux articles dans la page.

    <html>
  <head>
    <title>Article Viewer</title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){

        //loader function to serve up the correct article (pushes the article number to an iFrame
        //so it can remotely load the article within the page
        loadArticle = function(articleId){
          //set the hash (incase it's called from a link instead of a page load)
          window.location.hash = articleId;
          //change the iFrame src to the actual path fo the article page (customize this to fit your needs)
          $('#article-frame').attr('src','view_article.php?article='+articleId);
        };

        //check for a hash (#????) tag in the URL and load it (to allow for bookmarking)
        if (window.location.hash)
          loadArticle(window.location.hash.substring(1));

        //attack a click event to all the links that are related to loading an article
        $('.article-link').click(function(){
          //grab raw article id from rel tag
          var articleId = $(this).attr('rel');

          //shove loading it off to the "loader"
          loadArticle(articleId);

          //cancel the navigation of the link
          return false;
        });
      });
    </script>
  </head>

  <body>
    <ul>
      <?php for ($a = 1; $a < 10; $a++) echo "<li><a href=\"view_article.php?article={$a}\" rel=\"{$a}\" class=\"article-link\">View Article {$a}</a></li>\r\n      "; ?>
    </ul>
    <iframe id="article-frame" src="view_article.php?article=0" width="640" height="480">
      This page uses frames, unfortunately your browser does not support them.
    </iframe>
  </body>
</html>
    L'article est situé dans une iframe, ce qui est vraiment ce qui a causé tous ces problèmes. Sur toutes les pages du site ont encadré les liens pour les articles à l'intérieur de l'iframe. J'avais besoin d'un moyen à la fois de lien à la page d'actualités et ensuite ouvrir le bon article. J'ai trouvé à faire c'est ajouter un hash tag dans la barre latérale, des liens, puis convertir un nombre à quatre chiffres correspondant aux articles de l'ID et l'ajouter à la fin de l'iframe URL. Il fonctionne sur toutes les pages sauf pour le problème ci-dessus. Si vous avez une meilleure approche du problème dans son ensemble, je serais ouvert pour vous.
    Dans le ci-dessus loadArticle() fonction que vous en informer l'iFrame pour passer emplacements (quelque chose à l'effet de $('#iframe').attr('src','mysite.com/article'+articleId+'.html'); -- à Moins que je ne suis pas la pleine compréhension de la situation, ce que vous essayez d'accomplir devrait être assez simple.
    Je suis sûr que cela devrait être assez facile, mais je suis un peu de mal à essayer de le comprendre. J'ai ajouté le code que j'ai actuellement dans ma question ci-dessus. (Avec le nombre d'espaces entre chaque lien # tag) fonctionne très bien, je sais juste que ce n'est pas la meilleure façon de le faire et voudraient faire de la bonne façon. Toute aide serait génial.
    Veuillez voir les mises à jour dans la réponse ci-dessus. J'ai écrit un PoC pour vous de suivre. J'espère que cela répond à votre question, sinon laissez-moi savoir ce que vous avez besoin et je ferai de mon mieux pour vous aider.

    OriginalL'auteur Brad Christie

  2. -1

    Essayez ceci:

    $("a").click(function(){
    $("a").click(function(e){

    var location = $(window).attr('location').pathname.substring(1);
    var goingToPage = $(this).attr('href');

    //if goingToPage is same page as current page, then assign new url and reload
    //this is required to reload the page on a hash tag
    if(goingToPage.indexOf(location) != -1){
        $(window).attr('location').assign(goingToPage);
        $(window).attr("location").reload();
    }
});
});

    OriginalL'auteur Goldentoa11

  3. -5

    Essayer un espace avant le hachage:

    "/news #1930"
    Ok, bon appel. Qui travaille pour le lien, mais en fait j'en ai trois de ces liens. Quand ils ont tous les espaces, le même problème de ne pas l'actualisation. J'ai piraté autour de cette en mettant un espace entre la première, deux entre le second, et les trois entre le troisième. Cela fonctionne, mais ne peut pas être la meilleure façon de le faire. Toute réflexion sur la façon de faire mieux?
    Il n'y a pas beaucoup de hachage Url. Je ne pense pas qu'il existe un autre itinéraire. Peut-être à la segmentation de la valeur de hachage serait un bon substitut à l'aide de plusieurs.

    OriginalL'auteur Diodeus - James MacFarlane