NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Bootstrap Javascript - Problém

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Tomáš Bajt
Člen
Avatar
Tomáš Bajt:25.7.2019 12:47

Dobrý den , potřeboval bych pomoct s modaly u bootstrap JS , konkrétně

<div class="close-modal" data-dismiss="modal">

Mám 4.1.3 bootstrap ( .js soubor + samozřejmě css ) a ten data-dismiss="modal" tam je , ale když chci , aby se ten modal zavřel , tak nic.

Zkusil jsem: Zkoušel jsem i jiné verze , ale i tak furt nic. Jen jednou se to povedlo, ale to jsem měl furt tmavou obrazovku

Chci docílit: Aby se mi modal zavřel

Editováno 25.7.2019 12:49
Odpovědět
25.7.2019 12:47
Život je jednoduchý, to jen lidé si ho dělají složitým.
Avatar
Lukáš Křehula
Tvůrce
Avatar
Odpovídá na Tomáš Bajt
Lukáš Křehula:25.7.2019 12:55

Ahoj,
ten parametr data-dismiss musíš mít na klikacím elementu, tzn. buď <button> nebo <a>

 
Nahoru Odpovědět
25.7.2019 12:55
Avatar
Tomáš Bajt
Člen
Avatar
Tomáš Bajt:25.7.2019 13:04

měl jsem to v divu , a i buttonu .. Ani jedno nejde

<div class="portfolio-modal modal fade" id="portfolio_knife" role="dialog" aria-hidden="true">
  <div class="modal-content">
      <a class="close-modal" data-dismiss="modal">
          <div class="lr">
              <div class="rl">
              </div>
          </div>
      </a>
Editováno 25.7.2019 13:04
Nahoru Odpovědět
25.7.2019 13:04
Život je jednoduchý, to jen lidé si ho dělají složitým.
Avatar
Ondřej Šrytr
Člen
Avatar
Odpovídá na Tomáš Bajt
Ondřej Šrytr:25.7.2019 13:23

Ahoj,

co to zkusit přes javascript? Pro tvůj připad:

<a class="close-modal" onclick="$('#portfolio_knife').modal('hide');"...
 
Nahoru Odpovědět
25.7.2019 13:23
Avatar
Tomáš Bajt
Člen
Avatar
Tomáš Bajt:25.7.2019 13:29

Nevím proč , ale to mi nahodí prázný modal a text mi to bugne úplně někam dolů

Nahoru Odpovědět
25.7.2019 13:29
Život je jednoduchý, to jen lidé si ho dělají složitým.
Avatar
Ondřej Šrytr
Člen
Avatar
Odpovídá na Tomáš Bajt
Ondřej Šrytr:25.7.2019 13:43

Je možný dát sem odkaz na tu tvoji stránku nebo alespoň kód? Takhle z popisu těžko říct, co by mohlo být špatně.

 
Nahoru Odpovědět
25.7.2019 13:43
Avatar
Tomáš Bajt
Člen
Avatar
Tomáš Bajt:25.7.2019 13:52

URL : https://nexustown.eu/csko/

Je nutné rozkliknout "Zobrazit výhody" u Knife , to žádných jiných jsem to zatím nedával

Nahoru Odpovědět
25.7.2019 13:52
Život je jednoduchý, to jen lidé si ho dělají složitým.
Avatar
Ondřej Šrytr
Člen
Avatar
Odpovídá na Tomáš Bajt
Ondřej Šrytr:25.7.2019 14:06

Nejspíš bude něco zásadního chybět v HTML kódu dialogu. Po zkopírování příkladu kódu z dokumentace vše fungovalo jak má.

<div class="modal fade" id="portfolio_knife" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
25.7.2019 14:06
Avatar
Tomáš Bajt
Člen
Avatar
Tomáš Bajt:25.7.2019 14:28

Bylo to tím modal-dialog , díky za pomoc

Nahoru Odpovědět
25.7.2019 14:28
Život je jednoduchý, to jen lidé si ho dělají složitým.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 9 zpráv z 9.