Ok, hier das Thema noch einmal in Langform:
Ich zeige auf meiner Seite einige Bilder als Card-Objekte an. Diese Cards sind in einer Card-Group gruppiert. Beim Klicken auf ein Bild öffnet sich ein Modal für die Großansicht und ich kann mit einem Carousel auch in der Großansicht durch die Bilder innerhalb des Modals scrollen (vor und zurück).
In der Normal-Ansicht (also Modal geschlossen) kann ich auf ein beliebiges Bild klicken und die Ansicht des Modals springt dann zum passenden Bild.
Außerdem möchte ich in der Normal-Ansicht unterhalb eines Bildes ein Bild "liken" können. Das geschieht mittels eines AJAX-Aufrufs. Das funktioniert auch alles wunderbar.
Nun zu meinem Problem: Wenn ich auf eine Card klicke (also nicht auf das Bild sondern auf den weißen Bereich innerhalb der Card) öffnet sich auch das Modal, was ich aber gar nicht will. Ich möchte lediglich, dass das Modal sich öffnet, wenn ich auf ein Bild klicke. Insbesondere klappt das "Springen zum richtigen Modal Bild" nicht mehr, es öffnet sich die zuletzt besuchte Position.
Langer Rede, kurzer Sinn: Wie erreiche ich es, dass ich
1. bei einer Card in den weißen Bereich klicken kann, ohne, dass sich das Modal öffnet?
oder 2. das Modal auch beim Klicken in den weißen Bereich der Card an die richtige Position im Modal-Carousel springt
oder 3. ich einen Link erstelle, der nicht das Modal aktiviert, jedoch den AJAX Request ausführt (denn das ist mein eigentliches Problem: Immer, wenn ich den Thumb-up anklicke, öffnet sich das Modal)
Bis auf das "Liken" könnt ihr euch den Code und auch das Verhalten gerne einmal hier ansehen. Beim Klicken auf die Detailinfos zu den Bildern öffnet sich die zuvor angesehene Modal-Ansicht.
(Für das "Like" Problem müsstet ihr als Admin angemeldet sein, die Funktion ist natürlich noch nicht freigeschaltet)
Ich zeige auf meiner Seite einige Bilder als Card-Objekte an. Diese Cards sind in einer Card-Group gruppiert. Beim Klicken auf ein Bild öffnet sich ein Modal für die Großansicht und ich kann mit einem Carousel auch in der Großansicht durch die Bilder innerhalb des Modals scrollen (vor und zurück).
In der Normal-Ansicht (also Modal geschlossen) kann ich auf ein beliebiges Bild klicken und die Ansicht des Modals springt dann zum passenden Bild.
Außerdem möchte ich in der Normal-Ansicht unterhalb eines Bildes ein Bild "liken" können. Das geschieht mittels eines AJAX-Aufrufs. Das funktioniert auch alles wunderbar.
Nun zu meinem Problem: Wenn ich auf eine Card klicke (also nicht auf das Bild sondern auf den weißen Bereich innerhalb der Card) öffnet sich auch das Modal, was ich aber gar nicht will. Ich möchte lediglich, dass das Modal sich öffnet, wenn ich auf ein Bild klicke. Insbesondere klappt das "Springen zum richtigen Modal Bild" nicht mehr, es öffnet sich die zuletzt besuchte Position.
Langer Rede, kurzer Sinn: Wie erreiche ich es, dass ich
1. bei einer Card in den weißen Bereich klicken kann, ohne, dass sich das Modal öffnet?
oder 2. das Modal auch beim Klicken in den weißen Bereich der Card an die richtige Position im Modal-Carousel springt
oder 3. ich einen Link erstelle, der nicht das Modal aktiviert, jedoch den AJAX Request ausführt (denn das ist mein eigentliches Problem: Immer, wenn ich den Thumb-up anklicke, öffnet sich das Modal)
Bis auf das "Liken" könnt ihr euch den Code und auch das Verhalten gerne einmal hier ansehen. Beim Klicken auf die Detailinfos zu den Bildern öffnet sich die zuvor angesehene Modal-Ansicht.
(Für das "Like" Problem müsstet ihr als Admin angemeldet sein, die Funktion ist natürlich noch nicht freigeschaltet)
Kommentar