zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden jQuery id auslesen und weiterverwenden

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.10.2014, 17:31
Benutzerbild von mimii
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.08.2005
Beiträge: 181
mimii befindet sich auf einem aufstrebenden Ast
Standard jQuery id auslesen und weiterverwenden

Hallo ins Forum,

ich lese die ID eines Elements aus. Diese ID soll dann weiterverwendet werden. Folgenden Code habe ich
Code:
$(document).ready(function(){
	
	$('img.gallery-img').click(function(){
	  var id = $('.album').attr('id');
	});
	
	$('#   hier soll die ausgelesene ID rein  ').each(function(){
		$(this).find('a').photoGallery({
                     //some settings
		});
	});
});
Wie krieg ich die ID an die vorgesehene Stelle übergeben?

Danke für n Tipp und Gruß
mimii
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.10.2014, 17:35
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Dein JS Code ergibt so wie er hier steht keinen (bzw. wenig) Sinn.
Du liest die Id von jeder Klasse album aus, sobald du auf ein Bild mit der Klasse gallery-img klickst.
Und dann hast du einen zweiten Code-Teil, indem du ein .each für eine ID verwendest. ID kann nur einmal vorkommen, deshalb ergibt .each hier keinen Sinn.
Du kannst aber nach der Zeile var id = $('.album').attr('id'); einfach eine zweite Zeile einfügen, welche dir eine gewünschte Funktion aufruft. Dieser kannst du natürlich auch beliebige Paramter mitgeben.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.10.2014, 08:42
Benutzerbild von mimii
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.08.2005
Beiträge: 181
mimii befindet sich auf einem aufstrebenden Ast
Standard

Morgen,

danke f
Mit Zitat antworten
  #4 (permalink)  
Alt 09.10.2014, 08:43
Benutzerbild von mimii
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.08.2005
Beiträge: 181
mimii befindet sich auf einem aufstrebenden Ast
Standard

Morgen,

danke für die Antwort. Seltsamerweise geht es ohne das each überhaupt nicht, auch nicht, wenn ich die ID fest eintrage.

Hier mal das HTML (nicht erschrecken, es kommt aus einem CMS). Auf einer Seite befinden sich mehrere <div class="row col span_12">, die wiederrum haben jeweils eine Bildergalerie <div class="tx-yag-pi1">. Wenn man nun in einer Galerie auf ein Bild klickt, kommt eine Lightbox und man kann durch die Bilder blättern. Nun soll das Blättern aber nur innerhalb der zugehörigen Galerie geschehen und nicht über alle Bilder in allen Galerien der Seite.

HTML-Code:
<div class="row col span_12">
  <div class="headlines">
  <div class="tx-yag-pi1">
    <div id="yag-c84" class="yag-list-wrap yag-gallery" data-yag-gallery>
      <ul>
        <div class="tx-yag-items gallery-row">
          <li id="yag_2" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item">
            <div class="tx-yag-thumb-innerframe yag-item-thumb-innerframe">
              <a class="gallery-link" href="yag/02/bild_1.jpg">
                <img class="gallery-img" src="bild_1.jpg" title="test" alt="test">
              </a>
            </div>
          </li>
          <li id="yag_3" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item">
          <li id="yag_4" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item">
          <li id="yag_5" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item">
          <li id="yag_6" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item">
          <li id="yag_7" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item">
        </div>
      </ul>
    </div>
  </div>
</div>
<div class="row col span_12"> Hier noch eine Galerie </div>
<div class="row col span_12"> Hier noch eine Galerie </div>
<div class="row col span_12"> Hier noch eine Galerie </div>
Ich muss also das Bild auslesen, das geklickt wird. Dann brauch ich die ID der yag-gallery, um das Script das die Lightbox und den Durchlauf macht aufzurufen. Soweit meine Idee.

Ich steh da voll auf dem Schlauch.

Danke für die Hilfe und Gruß
mimii
Mit Zitat antworten
  #5 (permalink)  
Alt 09.10.2014, 10:16
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

In deinem Code ist nirgends ein Klasse namen "album"
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #6 (permalink)  
Alt 09.10.2014, 10:35
Benutzerbild von mimii
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.08.2005
Beiträge: 181
mimii befindet sich auf einem aufstrebenden Ast
Standard

Hallo nochmal,

erst Mal Danke für die Hilfe.

Die Klasse .album heißt jetzt .yag-gallery. Das erste Beispiel war noch handcodiert. Der HTML-Code ist ein Original aus dem CMS mit den Klassen die dort genieriert werden.

Sorry, da war ich unachtsam. Korrekt muss die Zeile jetzt heißen:

Code:
 var id = $('.yag-gallery').attr('id');
Gruß
mimii
Mit Zitat antworten
  #7 (permalink)  
Alt 09.10.2014, 11:55
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Code:
$(document).ready(function(){
    $('img.gallery-img').click(function(){
      $('.yag-gallery a').each(function(index){
        $thisAnchor = $(this);
        $thisAnchor.photoGallery({

        });
      });
    });
});
So sollte es möglich sein. (Ansonsten debuggen)
Oder warum nicht einfach direkt:

Code:
$(document).ready(function(){
    $('.yag-gallery a').each(function(index){
        $thisAnchor = $(this);
        $thisAnchor.photoGallery({
        });
    });
});
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #8 (permalink)  
Alt 09.10.2014, 15:22
Benutzerbild von mimii
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.08.2005
Beiträge: 181
mimii befindet sich auf einem aufstrebenden Ast
Standard

Sorry fürs generve,

aber es geht und geht nicht

Der Originalaufruf erfolgt so
Code:
$(document).ready(function(){
	$(".yag-gallery a").photoGallery();
});
Das durchläuft alle Fotos in allen Gallerien der Seite.


Dann habe ich habe das gefunden:
Code:
$(document).ready(function(){
  var fotos = $(".yag-gallery").each(function(){
    $(this).find("a").photoGallery();
 });
});
damit bleibt der Durchlauf in einer Gallerie, ABER immer in der letzen der Gallerie der Seite, egal ob ich auf ein Bild in der ersten oder zweiten Gallerie geklickt habe.

OK, ich oute mich als DAU, aber irgendwie muss das doch laufen.

Tausend Dank für die Hilfe und Gruß
mimii

Geändert von mimii (10.10.2014 um 10:46 Uhr)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
jQuery value aus option-Tag auslesen gabischatz Javascript & Ajax 2 18.10.2013 11:07
xml mit jquery auslesen Mrtwomoon Javascript & Ajax 6 09.07.2012 18:21
jQuery und das Auslesen neuer Elemente Loilo Javascript & Ajax 4 04.11.2009 09:58
jQuery - Neuen DIV erzeugen und anzeigen EntenMann Javascript & Ajax 0 11.08.2009 21:07
JQuery + Wordpress VoinG Javascript & Ajax 0 29.12.2008 17:03


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:43 Uhr.