Wie kommt man div auf Klick zu laden ist nicht, wenn Seite geladen wird? [geschlossen]

StackOverflow https://stackoverflow.com/questions/1088432

Frage

Ich bin derzeit der Aufbau einer meine neue Website. Es verwendet eine Seite und verwendet ein jQuery accordian Menü den Inhalt zu laden. Der Inhalt es aufgeteilt in sechs verschiedenen divs und alle Lasten, sobald die Seite zugegriffen wird. Ich will es jedes div zu laden, wenn der Link darauf geklickt wird. Um die Ladezeit zu verringern.

Sie können dies in Aktion sehen auf meinem unfertige Website hier: http://is.gd/1p1Ys

Da ich nicht das jQuery-Skript machen und ich bin wirklich schlecht JavaScript / jQuery Ich habe keine Ahnung, was zu tun ist. Also ich frage mich, wenn hier jemand kann mir helfen.

Dank einer Tonne,

Ryan

War es hilfreich?

Lösung

ich mit den anderen Antworten zustimmen, die jquery-ui Tabs genau dieses Ding tut, aber Sie können Ihre accordian.js Datei ziemlich leicht hacken ... nur die hrefs in Ihrem Navigations ändern zu externen HTML-Dateien mit dem Inhalt, den Sie verweisen wollen, also href = "# Lebensstrom" => href = "lifestream.html",

und dann in 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
  }
}

Andere Tipps

Aus Ihrer Beschreibung, es klingt wie diese divs nicht angezeigt werden, bis der Top-Level-Menüpunkt angeklickt wird. Wenn dies der Fall ist, können Sie Jquery verwenden, um die Untermenü divs in das DOM einzulegen, wenn sie geöffnet wird.

Sie können ein anständiges Tutorial Javascript / DOM-Manipulation finden unter w3schools .

Ich bin mir nicht sicher, dass das Akkordeon Kontrolle ist, was Sie nach - check out JQuery Tabs - Sie können die Inhalte über Ajax laden können, die sie auf einmal geladen werden verhindern. Eine Erklärung, wie dies zu tun ist hier

Ich würde vorschlagen, auf jquery-ui Tabs suchen, wenn Sie den Inhalt in dynamisch geladen werden sollen. Zur Zeit habe ich keine accordian Plugin gesehen, die damit umgehen, was Sinn macht, als ein accordian die Höhe des Inhalts wissen muss, auch wenn wenn Sie einen Panel geklickt haben Sie für dynamische Inhalte warten mußten ruckelt es erscheinen würde. Tabs ist die beste und am besten geeignete Art und Weise vorwärts zu bewegen.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top