November Black Friday C/C++ week
Black Friday je tu! Využij jedinečnou příležitost a získej až 80 % znalostí navíc zdarma! Více zde
Pouze tento týden sleva až 80 % na e-learning týkající se C/C++
Avatar
Tomáš Bajt
Člen
Avatar
Tomáš Bajt:25. července 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. července 12:49
Odpovědět
25. července 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. července 12:55

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

 
Nahoru Odpovědět
25. července 12:55
Avatar
Tomáš Bajt
Člen
Avatar
Tomáš Bajt:25. července 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. července 13:04
Nahoru Odpovědět
25. července 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. července 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. července 13:23
Avatar
Tomáš Bajt
Člen
Avatar
Tomáš Bajt:25. července 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. července 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. července 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. července 13:43
Avatar
Tomáš Bajt
Člen
Avatar
Tomáš Bajt:25. července 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. července 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. července 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. července 14:06
Avatar
Tomáš Bajt
Člen
Avatar
Tomáš Bajt:25. července 14:28

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

Nahoru Odpovědět
25. července 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.