Geek tričko zdarma Geek tričko zdarma
Tričko zdarma! Stačí před dobitím bodů použít kód TRIKO15. Více informací zde
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
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
Avatar
Ondřej Šrytr
Redaktor
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
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Ondřej Šrytr
Redaktor
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
Avatar
Ondřej Šrytr
Redaktor
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  +1 25. července 14:28
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.