Kezdőoldal » Számítástechnika » Weblapkészítés » Hogy állítsam ezt be Jquery-ben?

Hogy állítsam ezt be Jquery-ben?

Figyelt kérdés

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?



2015. márc. 4. 08:45
 1/8 anonim ***** válasza:

$(".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');

});

}

});

2015. márc. 4. 09:56
Hasznos számodra ez a válasz?
 2/8 anonim ***** válasza:

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');

});

}

});

2015. márc. 4. 09:57
Hasznos számodra ez a válasz?
 3/8 anonim ***** válasza:

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

2015. márc. 4. 09:57
Hasznos számodra ez a válasz?
 4/8 A kérdező kommentje:
Nem az egész oldalon, mivel csak a felső menüben vannak hash tagek, így ott van ezzel gond, hogy a hashtagek működnek, a külső linkek meg nem.
2015. márc. 4. 11:09
 5/8 A kérdező kommentje:
Sejtettem, hogy valami hasonló kell, csak nem értek a Jqueryhez( desktopon nyomom). Köszönöm szépen, ment a zöld!
2015. márc. 4. 11:12
 6/8 anonim ***** válasza:
A jquery és a desktop kizárja egymást?
2015. márc. 4. 11:25
Hasznos számodra ez a válasz?
 7/8 anonim ***** válasza:
Jah, jQuery előbb volt desktopon. :)
2015. márc. 4. 12:01
Hasznos számodra ez a válasz?
 8/8 A kérdező kommentje:
Nem zárja ki egymást, egyszerűen csak nem érdekel, mint programnyelv.
2015. márc. 4. 22:10

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

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!