Hjälp med att länka jQuery correct i wordpress.

[Jerry]

Hej! Tänkte se om det finns någon trevlig php-expert som kan ge mig lite hjälp. Jag jobbar lite på att få ett script, Fullpage.js, att funka med wordpress, vilket går någorlunda bra. Dock så duplicerar sig scriptet (om jag uppfattat det rätt) och tror att det har med hur jag länkar scriptet. Just nu är det hårdkodat rakt in i headern, och alla försök att länka det via wp_register_script har misslyckats. Alla tips är välkommna och uppskattade!

 

Så här ser länkade scripten i header.php ut just nu:

<link rel="stylesheet" type="text/css" href="/wp-content/themes/neighborhood/js/jquery.fullPage.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>    

<!-- This following line needed in the case of setting the plugin option `scrollOverflow` to `true` -->
<script type="text/javascript" src="/wp-content/themes/neighborhood/js/vendors/jquery.slimscroll.min.js"></script>

<script type="text/javascript" src="/wp-content/themes/neighborhood/js/jquery.fullPage.js"></script>

Sen har vi i footern:

<script>
$(document).ready(function() {
    $.fn.fullpage({
        verticalCentered: true,
        resize : true,
        slidesColor : ['#AF1700', '#359973', '#F46321', '#A6C7DB'],
        scrollingSpeed: 700,
        easing: 'easeInQuart',
        menu: false,
        navigation: false,
        navigationPosition: 'right',
        navigationTooltips: ['firstSlide', 'secondSlide'],
        slidesNavigation: true,
        slidesNavPosition: 'bottom',
        loopBottom: false,
        loopTop: false,
        loopHorizontal: false,
        autoScrolling: true,
        scrollOverflow: true,
        css3: false,
        paddingTop: '3em',
        paddingBottom: '10px',
        fixedElements: '#element1, .element2',
        normalScrollElements: '#element1, .element2',
        keyboardScrolling: true,
        touchSensitivity: 15,
        continuousVertical: false,
        animateAnchor: true,

        //events
        onLeave: function(index, direction){},
        afterLoad: function(anchorLink, index){},
        afterRender: function(){},
        afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){},
        onSlideLeave: function(anchorLink, index, slideIndex, direction){}
    });
});
		</script>

Detta är pluginen jag försöker få till: http://alvarotrigo.com/fullPage/

 

Länk till sidan jag har det hela på: http://www.svenssonsbild.se/Fullscreen

 

Mvh Jerry

[xeric]

Hej! Tänkte se om det finns någon trevlig php-expert som kan ge mig lite hjälp. Jag jobbar lite på att få ett script, Fullpage.js, att funka med wordpress, vilket går någorlunda bra. Dock så duplicerar sig scriptet (om jag uppfattat det rätt) och tror att det har med hur jag länkar scriptet. Just nu är det hårdkodat rakt in i headern, och alla försök att länka det via wp_register_script har misslyckats. Alla tips är välkommna och uppskattade!

 

// ... //

 

Mvh Jerry

 

Använder inte WP själv, men försök hitta någon annan jQuery-plugin och kika på jur de lagt till den till WP.

 

Här kanske: http://www.wpbeginner.com/wp-themes/how-to-add-a-smooth-scroll-to-top-effect-in-wordpress-using-jquery/

 

Där använde de:

wp_enqueue_script( 'smoothup', get_template_directory_uri() . '/js/smoothscroll.js', array( 'jquery' ), '',  true );