2017-03-23 5 views
0

Hallo
Ich habe ein Problem mit der Verwendung von jquery in meinem Wordpress-Theme.
es ist Code verwenden, um ein Element nach einiger Scrolling
dieser zu der Festsetzung der jquery
mit jquery Funktion zu Wordpress Thema

jQuery(document).scroll(function($) { 
var y = $(document).scrollTop(), //get page y value 
    header = $("#aside"); // your div id 
if(y >= 305) { 
    header.css({position: "fixed", "top" : "0", "left" : "0"}); 
} else { 
    header.css("position", "static"); 
} 
}); 


und ich verwende diesen Code die Datei zu Wordpress Theme in function.php

function website_scripts() { 
wp_enqueue_script('aside_scroll', get_template_directory_uri().'/js/aside_scroll.js', array('jquery'), '1.0.0', true); } 
add_action ('wp_enqueue_scripts', 'website_scripts'); 


hinzufügen aber es funktioniert nicht in Wordpress, aber es funktioniert in HTML-Datei

Antwort

1

Können Sie bitte ersetzen "$" mit jQuery überall in der oben genannten ist wieder Code und versuchen

+1

ich, dass vor dem getan haben, aber nicht funktioniert :( –

0

Versuchen Sie, Ihre js dazu:

jQuery(document).ready(function($) { 

    $(document).scroll(function() { 
    var y = $(document).scrollTop(), //get page y value 
     header = $("#aside"); // your div id 
    if(y >= 305) { 
     header.css({position: "fixed", "top" : "0", "left" : "0"}); 
    } else { 
     header.css("position", "static"); 
    } 
    }); 
}); 
+0

Ich habe das getan, aber nicht funktioniert :( –

+0

Haben Sie versucht, ein Konsolenprotokoll in die Scroll-Funktion zu setzen, um zu testen, ob es auf dem Scroll-Ereignis ausgelöst wird? – RipzCurlz

0

oh, fand ich, dass
ich die Skriptversion gelöscht und dann funktionierte es