• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

href nie otwiera się po kliknięciu a po kliknięciu prawym "Otwórz w nowej karcie" już tak

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
873 wizyt
pytanie zadane 25 listopada 2019 w HTML i CSS przez niezalogowany

Mam taki blok ze zdjęciem po którego najechaniu ukazuje się pole z linkiem lecz po kliknięciu nic się nie dzieje trzeba samemu kliknąć prawym i otworzyć w nowej karcie

Co robie źle?

<div class="masonry__brick" data-aos="fade-up">
                    <div class="item-folio">

                        <div class="item-folio__thumb">
                            <a class="thumb-link" data-size="1050x700">
                                <img src="images/portfolio/lady-shutterbug.jpg"
                                     srcset="images/portfolio/lady-shutterbug.jpg 1x, images/portfolio/lady-shutterbug@2x.jpg 2x" alt="">
                            </a>

                        </div>

                        <a href="https://www.google.pl" class="item-folio__project-link" title="Google Maps">
                            <i class="fas fa-map-marked-alt"></i>
                        </a>

                        <div class="item-folio__text">
                            <h3 class="item-folio__title">
                                123
                            </h3>
                            <p class="item-folio__cat">
                               test 123
                            </p>
                        </div>

                    </div>
                </div> <!-- end masonry__brick -->

Próbowałem znacznika target="_blank" ale nic to nie daje 

komentarz 25 listopada 2019 przez lateM Pasjonat (17,660 p.)
Link otaczający img nie ma hrefa, więc czego się spodziewasz? :P
komentarz 25 listopada 2019 przez niezalogowany
Więc co mam dodać i gdzie?

Nie rozumiem wybacz
komentarz 25 listopada 2019 przez sondrive Nowicjusz (100 p.)

@Gegtor, https://www.youtube.com/watch?v=5y3Qc9Qs6TY <-- W tym odcinku masz odpowiedź

1 odpowiedź

0 głosów
odpowiedź 25 listopada 2019 przez Comandeer Guru (606,240 p.)
wybrane 27 listopada 2019
 
Najlepsza
Mógłbyś to pokazać online? Bo wygląda to tak, jakby gdzieś było anulowane kliknięcie po drodze.
komentarz 25 listopada 2019 przez niezalogowany
Wysłałem PW
komentarz 27 listopada 2019 przez niezalogowany

Problemem był JS

$folioItems.each(function(i) {

            $(this).on('click', function(e) {
                e.preventDefault();
                var options = {
                    index: i,
                    showHideOpacity: true
                }

                // initialize PhotoSwipe
                var lightBox = new PhotoSwipe($pswp, PhotoSwipeUI_Default, items, options);
                lightBox.init();
            });

        });

A dokładnie e.preventDefault();

 

Dziękuje  Comandeer

Podobne pytania

0 głosów
2 odpowiedzi 729 wizyt
pytanie zadane 6 marca 2020 w HTML i CSS przez fff Gaduła (3,950 p.)
+1 głos
2 odpowiedzi 162 wizyt
pytanie zadane 7 września 2020 w HTML i CSS przez TheMelek Nowicjusz (130 p.)
0 głosów
1 odpowiedź 268 wizyt

93,195 zapytań

142,211 odpowiedzi

322,056 komentarzy

62,519 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 3316p. - dia-Chann
  2. 3251p. - Łukasz Piwowar
  3. 3243p. - Łukasz Eckert
  4. 3222p. - CC PL
  5. 3167p. - Tomasz Bielak
  6. 3157p. - Łukasz Siedlecki
  7. 3133p. - rucin93
  8. 3110p. - Maurycy W
  9. 3028p. - Adrian Wieprzkowicz
  10. 2992p. - Mikbac
  11. 2490p. - Marcin Putra
  12. 2467p. - Michał Telesz
  13. 2427p. - Michal Drewniak
  14. 2372p. - Anonim 3619784
  15. 1949p. - rafalszastok
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...