Hogy állítsam ezt be Jquery-ben?
Helló!
Készül egy weboldal, amelyiken a menüpontok így néznek ki:
<li><a href="#valami">Valami</li>
Ehhez tartozik egy Jquery kód, ami biztosítja az úsztatást a képernyőn, ez a következő:
jQuery(document).ready(function($) {
$(".scroll a, .navbar-brand, .gototop").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top}, 600,'swing');
$(".scroll li").removeClass('active');
$(this).parents('li').toggleClass('active');
});
});
A gondom az, hogy emiatt a kód miatt a külső linkek nem működnek, még a honlap aloldalai sem. Tudnátok segíteni a módosításában, hogy a külső linkek is működjenek vele?
$(".scroll a, .navbar-brand, .gototop").click(function(event){
if($(this).attr("href").substr(0,1)!="#") { /* ez a sor megnézi hogy hashmark karakterrel kezdődik-e az url */
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top}
, 600,'swing');
$(".scroll li").removeClass('active');
$(this).parents('li').toggleClass('active');
});
}
});
Bocs, az kell hogy # -el kezdődjön, akkor hajtsa végre. :-)
$(".scroll a, .navbar-brand, .gototop").click(function(event){
if($(this).attr("href").substr(0,1)=="#") { /* ez a sor megnézi hogy hashmark karakterrel kezdődik-e az url */
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top}
, 600,'swing');
$(".scroll li").removeClass('active');
$(this).parents('li').toggleClass('active');
});
}
});
Nem lehet, hogy ez:
$(".scroll a, .navbar-brand, .gototop").click...
igaz minden linkedre a kódodban?
Egyébként én így csinálnám:
1. menüpontok:
<li><a href="#valami" class="menu_item">Valami</li>
2. jQuery-ben ahelyett, amit kiemeltem:
$(".menu_item").click...
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!