jquery - Rückgabe eines Wertes aus der Funktion

sagen, ich habe die folgende Funktion:

function checkPanes() {
    activePane = '';
    var panels = $("#slider .box .panel");

    panels.each(function() {

    //find the one in visible state.
    if ($(this).is(":visible")) {
    activePane = $(this).index()+1;
    console.log(activePane);
    }

    });
} //END checkPanes();

Ideal, ich möchte nennen auf diese Funktion an anderer Stelle (wahrscheinlich aus einer anderen Funktion),
und den Wert abgerufen wird, bin ich derzeit die Ausgabe auf die Konsole.

(Beispiel ..)

function exampleCase() {
    checkPanes(); //evidently, does not return anything. 
    //Ideally, I want the numerical value, being output to console in above function.
}

Vielen Dank im Voraus! Alle Vorschläge /Kommentare sind willkommen.

Cheers

Haben Sie versucht return activePane;?

InformationsquelleAutor Michel Joanisse | 2011-05-16

2

Vergessen, jeder, der sagt return activePane da Sie nicht sehen, dass es in einem jQuery each Schleife. Wird nicht funktionieren.

Ich würde vorschlagen, die Umstrukturierung Ihrer Auswahl. Der Selektor, den Sie verwenden sollten, ist: $("#slider .box .panel:visible"). Dies wird schneiden Sie Ihr jede Schleife vollständig. Zum Beispiel könnten Sie strukturieren den code wie folgt:
```
function checkPanes() {
    return $("#slider .box .panel:visible").index();
}

function exampleCase() {
    var visiblePane = checkPanes();

    //... do something with the index
}
```
Ich würde vorschlagen, nur mit dem selector in-line, anstatt eine neue Funktion, aber das ist Geschmackssache, vor allem, wenn Sie haben zu wählen die gleiche Sache in mehreren stellen.
- Es kann in einer Schleife, aber da der Kommentar darauf hin, das wir suchen die /eine/ - Bereich in den sichtbaren Zustand, sobald wir es gefunden haben, können wir drop aus der Schleife.
- Entsprechend verändert.
- dies ist eine vereinfachte version von dem, was ich bin versucht zu erreichen,.. Danke!
- JA! DUH! so einfach... ich konnte nicht Holen Sie sich diese einfache Antwort sonst wo... kurze Antwort: wenn Sie die Struktur Ihrer Funktion, wie eine var wie var data = get_data() statt get_data() dann können Sie die Daten, habe Sie in der gleichen Funktion.
InformationsquelleAutor lsuarez
4

Ist nur aufgefallen, das loop; sieht aus wie, was Sie vielleicht zurück wollen ist ein array aller aktiven Platten (da in der Theorie könnte es mehr als eine).
```
function checkPanes() {
    activePanes = [];
    var panels = $("#slider .box .panel");

    panels.each(function() {

    //find the one in visible state.
    if ($(this).is(":visible")) {
    activePane.push($(this).index()+1);
    console.log(activePane);
    }

    });
    return activePanes;
} 
```
Wenn Sie wissen, es wird immer nur eine aktiv ist, können Sie gehen Sie zurück zu Ihrem ursprünglichen Ansatz und fügen Sie einfach return activePane nach der console.log.
- Ich denke, so ja.. (ich bin ziemlich neu in alle diese) - Meine nächste Frage dann, wie würde ich das Protokoll an die Konsole, die 'return' - Wert der Funktion? Oder nutzen Sie das return-Wert anderswo? (vielleicht erstellen Sie eine neue variable basiert auf den zurückgegebenen Wert) - Cheers!
- Wenn Ihr eine andere Funktion, Sie tun so etwas wie var activePanes=checkPanes(); haben Sie die return-Wert in eine lokale variable und kann es verwenden wie Sie möchten (oder loggen).
InformationsquelleAutor Jacob Mattison

Schalten Sie Ihre Konsole Linie auf eine return-Anweisung:

function checkPanes() {
    activePane = '';
    var panels = $("#slider .box .panel");

    panels.each(function() {

    //find the one in visible state.
    if ($(this).is(":visible")) {
        activePane = $(this).index()+1;
        return activePane; //Return the value and leave the function
    }

    });
} //END checkPanes();

Nennen:

function exampleCase() {
    var thepane = checkPanes(); //evidently, does not return anything. 
    //...
}

InformationsquelleAutor n00dle

0

Ich denke, dass es so einfach ist wie mit return activePane;

InformationsquelleAutor pixelbobby
0

Diese:
```
function checkPanes() {
  activePane = '';
  var panels = $("#slider .box .panel");

  panels.each(function() {

  //find the one in visible state.
  if ($(this).is(":visible")) {
  activePane = $(this).index()+1;
  }

  });
  return activePane;
} //END checkPanes();
```
und so:
```
function exampleCase() {
   var myval=checkPanes(); //evidently, does not return anything. 
   console.log(myval);
```
}
- ahh ok, so übergibt man der Funktion eine variable, vor dem abrufen es, den Wert logging auf die Konsole, etc. Danke!!!
- Sie brauchen nicht immer zu. Aber, die meisten anderen Antworten, die haben Ihre ursprüngliche Funktion zurückgeben, welche früh sehr schlecht (fast gar nicht in diesem Fall, sondern möglicherweise jetzt oder in der Zukunft). Was ich habe, ist "sicherer" als die meisten anderen, die ist, warum ich bin mit der variable.
InformationsquelleAutor ADW

Können Sie halten Ihr code und fügen Sie einfach eine Rückkehr, wenn Sie möchten, verwenden Sie die Werte woanders

function checkPanes() {
 activePane = '';
 var panels = $("#slider .box .panel");

  panels.each(function() {

  //find the one in visible state.
  if ($(this).is(":visible")) {
  activePane = $(this).index()+1;
  console.log(activePane); //Logs to console.
  return activePane; //Returns value also.
}

});
}

So, in hier können Sie entweder den zurückgegebenen Wert oder einfach nur log-Konsole. Das ist, wie ich deine Frage verstanden

function exampleCase() {
    checkPanes(); //Now it will still write in console. but you dont need to use the return

    alert(checkpanes()); //Would write it to console and to an alert!
}

Aber stellen Sie sicher, dass Sie Rückgabewerte Zeichenfolge - oder konvertieren in string, wenn Sie wollen disaply irgendwo als text.

InformationsquelleAutor Piotr Kula

müssen Sie etwas zurückgeben innerhalb der ersten Funktion zu manipulieren, es in die zweite:

function checkPanes() {
    activePane = '';
    var panels = $("#slider .box .panel");
    //create a return array
    visiblePanels = [];
    panels.each(function() {

    //find the one in visible state.
    if ($(this).is(":visible")) {
    activePane = $(this).index()+1;
    //add the result to the returnb array
    visiblePanels[] = activePane
    }
    });
    //return results
    return visiblePanels;
}

function exampleCase() {
    var thepane = checkPanes();
    //now it has all the visible panels that were founded in the other function
    //you can access them with thepane[0] or iterate on them

}

Ich denke, das ist, was Sie brauchen.

InformationsquelleAutor Nicola Peluchetti

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.