» »

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:
...
<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. :P

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š?

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. :P

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.

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.

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.
NEOSERV.SI = Prijazno & hitro SSD gostovanje že 15. leto.
900+ domenskih končnic po noro nizkih cenah!
Brezplačna selitev od starega ponudnika.

kornilov ::

@neo-serv
Hvala za obširno ekspertizo. ;)

FrEaKmAn ::

kornilov je izjavil:

@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

kornilov ::

@FrEaKmAn
Imaš prav, deluje... 8-)


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

jquery in div-i (strani: 1 2 )

Oddelek: Izdelava spletišč
8710492 (9230) lisjak
»

jQuery load

Oddelek: Izdelava spletišč
61428 (1345) MrBrdo
»

Šumniki in html form

Oddelek: Izdelava spletišč
61719 (1583) Tody
»

Download vsebine strani s JS

Oddelek: Izdelava spletišč
472381 (1679) MrBrdo
»

JavaScript + fade

Oddelek: Izdelava spletišč
161814 (1449) arjan_t

Več podobnih tem