| Autor | Zpráva | ||
|---|---|---|---|
| serverteam.sk Profil |
Dobrý den, už nějaký čas řeším problém s nefungujícím oknem modal, který se mi stále nedaří vyvolat.
Desing běží na bootstrap 4 a 3 zároveň. Ukázka: thepixelgames.tk/new/index.php Snažím se ho vyvolat takto: <a href="#" class="btn btn-primary btn-lg" role="button" data-toggle="modal" data-target="#login-modal">Open Login Modal</a> Samotný kód modalu je zde: <div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" align="center">
<img class="img-circle" id="img_logo" src="http://bootsnipp.com/img/logo.jpg">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
</button>
</div>
<div id="div-forms">
<form id="login-form">
<div class="modal-body">
<div id="div-login-msg">
<div id="icon-login-msg" class="glyphicon glyphicon-chevron-right"></div>
<span id="text-login-msg">Type your username and password.</span>
</div>
<input id="login_username" class="form-control" type="text" placeholder="Username" required>
<input id="login_password" class="form-control" type="password" placeholder="Password" required>
</div>
<div class="modal-footer">
<div>
<button type="submit" class="btn btn-primary btn-lg btn-block">Login</button>
</div>
<div>
<button id="login_lost_btn" type="button" class="btn btn-link">Lost Password?</button>
</div>
</div>
</form>
<form id="lost-form" style="display:none;">
<div class="modal-body">
<div id="div-lost-msg">
<div id="icon-lost-msg" class="glyphicon glyphicon-chevron-right"></div>
<span id="text-lost-msg">Type your e-mail.</span>
</div>
<input id="lost_email" class="form-control" type="text" placeholder="E-Mail (type ERROR for error effect)" required>
</div>
<div class="modal-footer">
<div>
<button type="submit" class="btn btn-primary btn-lg btn-block">Send</button>
</div>
<div>
<button id="lost_login_btn" type="button" class="btn btn-link">Log In</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div> |
||
| Keeehi Profil |
#2 · Zasláno: 6. 8. 2018, 17:11:13
Bez reálné ukázky těžko soudit, problémů to může být spousta.
- Nikde tu nepíšeš, jakou knihovnu/projekt používáš. Vypadá to na bootstrap. Pro obsluhu je potřeba javascript. Takže bys měl mít přlinkované jQuery a bootstrap.js ve správných verzích dle dokumentace. - Přestože ta knihovna sama nejspíše pracuje se skrýváním dialogu pomocí display: none; může tento explicitně uvedený inline styl působit problémy. Když se podíváš do dokumentace bootstrapu tak v ukázkách modal dialogů žádné online styly nejsou. Což je v souladu s filozofií frameworku - nepoužívat moc své styly, používat hlavně ty předpřipravené.
|
||
| serverteam.sk Profil |
Keeehi:
Chíli po přidání jsem to editnul: Desing běží na bootstrap 4 a 3 zároveň. Ukázka: thepixelgames.tk/new/index.php jquery i bootstrap.js je nalinkovaný na konci, aby se načítal jako poslední. Věřím že by to mohlo být kolizí mých stylů a bootstrapu. zkusím neimportovat mé styly zda se něco změní. *EDIT Prozkoušel jsem to bez mých stylů a rozšíření Bootstrap-MaterialDesign a nepomohlo. **EDIT Nějakou náhodou se mi podařilo zprovoznit zatmavení obrazovky okolo, ale samotný modal pořád nenačítá |
||
| T-fon Profil |
Proč používáš Bootstrap 4 a 3 zároveň? Čtyřka ti přepíše všechny třídy, které jsou shodně nazvané ve trojce. A k tomu máš CSS z Bootstrapu 3.3.7 a JS z verze 3.0.3. To nemusí bejt kompatibilní. Použij jednu verzi na CSS i JS.
|
||
| serverteam.sk Profil |
T-fon:
Oba boostrapy mám proto, že mi na verzi 4 nefunguje grid system a panely. Tedy fungovali by, ale došlo k mnoha změnám ve jménech stylů a web je již v pokročilém stádiu vývoje administrace, a jsem příliš líný teď vše předělávat, proto mám nalinkované oba bootstrapy. Problém jsem nakonec vyřešil. Bylo to špatně napsaným scriptem pro animace. |
||
|
Časová prodleva: 6 let
|
|||
0