Forum » Izdelava spletišč » Bootstrap - dropdown
Bootstrap - dropdown
kornilov ::
Pozdravljeni,
Uporabil sem Bootstrap za dropdown, dodal sem še malo jQuery, tako da se podmenu postopoma odpre ob dogodku hover.
HTML:
jQuery:
Na localhost-u mi podmenu trza in poskakuje, na oddaljenem serverju pa vse deluje pravilno, tekoče. Zakaj je tako? Če bi vedel, da bo tam delovalo brezhibno, se ne bi tako sekiral.
Uporabil sem Bootstrap za dropdown, dodal sem še malo jQuery, tako da se podmenu postopoma odpre ob dogodku hover.
HTML:
... <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href ="../Dnevni-oddih/vragolije.php"><span class="caret"></span> VRAGOLIJE <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href ="../Dnevni-oddih/vragolije.php#bioritem">Dnevni bioritem</a> <li><a href ="../Dnevni-oddih/vragolije.php#loterija">Oddelek za hazarderje</a> <li><a href ="../Dnevni-oddih/vragolije.php#zanositev">Znamenje novorojenčka</a> </ul> ...
jQuery:
$('.nav .dropdown').hover(function() { $(this).find('.dropdown-menu').first().stop(true, true).delay(200).slideDown(); }, function() { $(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideUp(); }); $('.nav .dropdown > a').click(function(){ location.href = this.href; });
Na localhost-u mi podmenu trza in poskakuje, na oddaljenem serverju pa vse deluje pravilno, tekoče. Zakaj je tako? Če bi vedel, da bo tam delovalo brezhibno, se ne bi tako sekiral.
FrEaKmAn ::
a) na localhostu in na strežniku ne gledaš iste verzije strani (zbriši cache)
b) na localhostu ali ne strežniku se ti ne naložijo vse datoteke
v katerem brskalniku testiraš?
b) na localhostu ali ne strežniku se ti ne naložijo vse datoteke
v katerem brskalniku testiraš?
kornilov ::
Popravek, v Chromu in IE mi dela tekoče. V Firefoxu pa ne dela v redu, tako na localhostu, kakor na zunanjem strežniku. Če greste z miško v glavi v Firefoxu nad "VRAGOLIJE" boste videli. http://horoskop-odklop.si/ Zanimivo je, da imam v footer podobno zadevo, samo da se odpira navgor, ta pa deluje tudi v firefoxu pravilno.
FrEaKmAn ::
Pri meni dela lepo.
1. Prvo popravi jQuery verzijo na vsaj 1.9.3 (ker bootstrap to rabi)
2. Fonti se zelo razlikujeje v Chromu in FF. Če pogledam, imaš nastavljeno na font Gill Sans. To ni default font na večini sistemov, tako da če želiš imeti ta font, ga boš moral vključiti na stran.
1. Prvo popravi jQuery verzijo na vsaj 1.9.3 (ker bootstrap to rabi)
2. Fonti se zelo razlikujeje v Chromu in FF. Če pogledam, imaš nastavljeno na font Gill Sans. To ni default font na večini sistemov, tako da če želiš imeti ta font, ga boš moral vključiti na stran.
kornilov ::
@FrEaKmAn
jQuery 1.9.3 ne deluje na IE9 in kakor sem bral na spletu tudi na IE10, tako da sem spekel kompromis.. Bootstrap vseeno deluje v redu.
A se fonti precej razlikujejo? Pri meni so isti.
jQuery 1.9.3 ne deluje na IE9 in kakor sem bral na spletu tudi na IE10, tako da sem spekel kompromis.. Bootstrap vseeno deluje v redu.
A se fonti precej razlikujejo? Pri meni so isti.
neoserv ::
Tudi meni na Firefox-u (zadnja različica) deluje brez težav. Prav tako v
Operi, Safari, Chrome in IE11, 10 in 9.
Spletno stran pa vidim s pisavo "Calibri", ker "Gill Sans" družina pisav nimam.
Operi, Safari, Chrome in IE11, 10 in 9.
Spletno stran pa vidim s pisavo "Calibri", ker "Gill Sans" družina pisav nimam.
NEOSERV.SI = Prijazno & hitro SSD gostovanje že 15. leto.
900+ domenskih končnic po noro nizkih cenah!
Brezplačna selitev od starega ponudnika.
900+ domenskih končnic po noro nizkih cenah!
Brezplačna selitev od starega ponudnika.
FrEaKmAn ::
@FrEaKmAn
jQuery 1.9.3 ne deluje na IE9 in kakor sem bral na spletu tudi na IE10, tako da sem spekel kompromis.. Bootstrap vseeno deluje v redu.
A se fonti precej razlikujejo? Pri meni so isti.
Kje si pa to prebral da ne deluje na IE9 in IE10?
https://jquery.com/browser-support/
1.x verzija podpira od IE6
2.x verzija podpira od IE9
Vredno ogleda ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje sporočilo | |
» | jquery in div-i (strani: 1 2 )Oddelek: Izdelava spletišč | 11247 (9985) | lisjak |
» | jQuery loadOddelek: Izdelava spletišč | 1582 (1499) | MrBrdo |
» | Šumniki in html formOddelek: Izdelava spletišč | 1869 (1733) | Tody |
» | Download vsebine strani s JSOddelek: Izdelava spletišč | 2558 (1856) | MrBrdo |
» | JavaScript + fadeOddelek: Izdelava spletišč | 1896 (1531) | arjan_t |