Klicken Sie auf "gehe zu Seite" und eine Funktion ausführen

Ich habe eine Seite mit mehreren Elementen (Seite A). Es ist eingerichtet, sodass alle versteckt sind aber man. Wenn Sie auf einen link klicken, wird es zu verbergen die derzeit angezeigt wird und nur der Abschnitt entsprechend dem link, den Sie geklickt haben. Ich habe den code perfekt funktioniert. Ich habe auch eine eigene Seite (Seite B), die eine Liste von links. Wenn Sie auf einen dieser links möchte ich das laden der Seite mit mehreren Elementen (Seite A) und zeigen Sie das element mit dem entsprechenden angeklickten link auf der vorherigen Seite. Unten ist der code, den ich haben als jetzt. Es lädt die Seite perfekt, aber es nicht zeigen, das entsprechende element (ich denke da vielleicht, dass element nicht vorhanden, wenn der code ausgeführt wird, weil die Seite noch geladen?).

$(function() {
  $('li').click(function(){ //link that is clicked on
    var currentId = $(this).attr('id'); //capture id of clicked item
    window.location = 'next-page.php'; //load new page
    $('#all-elements').fadeOut(0); //hide all elements
    $('currentId').fadeIn("slow"); //show only corresponding element
    return false;
  });
});

Ich habe es eingerichtet, so dass die Liste, Eintrag auf der ersten Seite und das element würde ich gerne zeigen, haben die gleiche id. Mein denken ist, dass ich erfassen könnten die Strom-id und verwenden Sie diesen Wert in der Funktion wie ich oben. Ich weiß, mein problem ist ähnlich dem problem finden Sie hier, aber ich glaube nicht, dass die # Technik funktioniert für das was ich mache.

Warum wäre das nicht der hash-Technik-Arbeit?
In Zeile 6 des Codes $('currentId').fadeIn("slow"); //zeigt nur entsprechende element wenn currentId ist mit Bezug auf die zuvor deklarierte variable, Sie verlieren müssen die einfachen Anführungszeichen, wenn es ein css-Selektor, benötigen Sie ein . oder # davor? Prob ist nicht das problem, aber repariert werden muss
mögliche Duplikate von onclick url aufrufen, DANN tun Sie etwas bestimmtes
Ich kenne die andere Frage ist, fehlt es an einem konkreten code-Beispiel in der Antwort, aber diese Frage ist immer noch ein dupe.

InformationsquelleAutor Andrew Pautler | 2010-10-05

4

Das wird nicht funktionieren, weil der code, die ausgeführt werden, nachdem das Fenster.Lage ausgeführt wird, die auf der aktuellen Seite, nicht auf der Seite, die Sie versuchen zu laden.

Um die Seite, die Sie laden zur Ausführung beliebigen javascript-Code, wird es auf dieser Seite nicht das aktuelle. Ändern Sie Ihren code wie es funktionieren sollte:

Seite B:
```
$(function() {
  $('li').click(function(){ //link that is clicked on
    var currentId = $(this).attr('id'); //capture id of clicked item
    window.location = 'next-page.php#' + currentId; //load new page
    return false;
  });
});
```
Seite A:
```
$(function() {
  $('#all-elements').hide(); //hide all elements
  $(window.location.hash).fadeIn("slow"); //show only corresponding element
});
```
- Ja, hash ist besser als get-param in diesem Fall, wenn Sie möchten, um zu js nur. Ich bin immer auf der Suche nach Möglichkeiten, um sicherzustellen, dass alle user bekommen die gleiche Erfahrung.
- Das Problem ist, dass, weil ich mich mit jQuery ein - /ausblenden die Elemente, die Seite ändert sich nie-URL. Im Gegensatz zu, wenn Sie in der Regel gehen können, um zu einem bestimmten Abschnitt einer Seite über eine id und eine #, die Adresse mysite.com/next-page.php#currentId nicht zeigen, das richtige element. Macht das Sinn?
- Das ist, warum Sie verwenden jQuery zu greifen, die hash-Teil der URL und bestimmen, was gezeigt werden sollte und was verbergen sollte. Ich verstehe nicht, was das problem ist?
InformationsquelleAutor Ender
1

Senden Sie die id als parameter über die url?

Fenster.location = 'nächste Seite.php?id=' + $(this).attr('id');

InformationsquelleAutor Liam Bailey

-2

Edit: Nevermind - OP enthalten kürzere version und ich etwas neues gelernt heute:

http://api.jquery.com/ready/

-- REMOVE --
Dies versuchen. Dies wird sicherstellen, dass kein Skript aufgerufen wird, bis der DOM fertig ist.

$(document).ready(function () {
  $('li').click(function(){ //link that is clicked on
    var currentId = $(this).attr('id'); //capture id of clicked item
    window.location = 'next-page.php'; //load new page
    $('#all-elements').fadeOut(0); //hide all elements
    $('currentId').fadeIn("slow"); //show only corresponding element
    return false;
  });
});

Das ist nur der longhand version von dem, was der OP schon hat.
$(function() { ... }); ist eine Kurzform für $(document).ready(function () { ... });

InformationsquelleAutor Keith

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.