Comment obtenir div de chargement sur cliquez sur non lorsque le chargement de la page?[fermé]

Question

Je suis actuellement à la construction d'une prise de mon nouveau site web.Il utilise une page et utilise un accordéon jQuery menu pour charger le contenu.Le contenu c'est scindée en six différentes divisions et de toute la charge dès que la page est accessible.Je veux qu'il se charge chaque div lorsque le lien est cliqué.Pour diminuer le temps de chargement d'une page.

Vous pouvez le voir en action sur mon travail en cours site ici: http://is.gd/1p1Ys

Depuis je n'ai pas fait le script jQuery et je suis vraiment mauvais en JavaScript/jQuery je n'ai pas la moindre idée de quoi faire.Donc je me demandais si quelqu'un ici peut m'aider.

Merci une tonne,

Ryan

Answer 1

Je suis d'accord avec les autres réponses que jquery-ui tabs cette chose exacte, mais vous pouvez pirater votre accordian.js fichier assez facilement...il suffit de changer le hrefs dans votre navigation à point à l'externe des fichiers html contenant le contenu que vous souhaitez, c'est à direhref="#courants de vie" => href="lifestream.html",

et puis dans accordian.js:

$links.click(function () {
  var link = this,
  if(!link.href.match(/^#.*/)) { //if the href doesn't start with '#'
    loadDiv(link.href);
  } else {
    doRestOfFunction(); //everything your script is currently doing.
  }
});

function loadDiv(href) {
  $.get(href, function(html) {
   var newDiv = $(html)
   $(".panels").append(newDiv);
   newDiv.hide();
   doRestOfFunction(); //same as above
  }
}

Answer 2

D'après votre description, il semble que ces divs ne sont pas affichés jusqu'à ce que l'élément de menu de niveau supérieur est cliqué. Si tel est le cas, vous pouvez utiliser jquery pour insérer les divs du sous-menu dans le DOM lorsqu'il est ouvert.

Vous pouvez trouver un tutoriel décent sur la manipulation Javascript / DOM W3Schools .

Answer 3

Je ne suis pas sûr que le contrôle de l'accordéon est ce que vous recherchez - consultez JQuery onglets - vous pouvez charger le contenu via Ajax qui les empêchera de charger à la fois. Une explication de la façon de le faire est

Answer 4

Je suggère regarder onglets jquery-ui si vous voulez charger le contenu de façon dynamique. À l'heure actuelle, je ne l'ai pas vu un plugin qui va gérer accordian, ce qui est logique comme accordian a besoin de connaître la hauteur du contenu, même si lorsque vous avez cliqué sur un panneau vous avez dû attendre pour le contenu dynamique, il semble saccadé. Onglets est votre meilleur et le plus approprié pour aller de l'avant.