MS Office week
Pouze tento týden sleva až 80 % na e-learning týkající se MS Office
50 % bodů zdarma na online výuku díky naší Slevové akci!
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
Redaktor
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
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.
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
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
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í
+1 bodů
Ř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.