jQuery non funziona (in parte)
Sto cercando di capire perché jQuery non funziona nel blog, con il mio tema realizzato da me... mi ero accorto che non funzionava jquery ui ma pensavo perché era caricato due volte da due plugin... ma ora, mentre sto cercando di ottenere l'effetto stiky nella navbar mi accordo che con qualsiasi codice jquery non funziona... perché ho provato a mettere jquery all'inizio e no...
Codice PHP:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>
<?php wp_head(); ?>
<script type="text/javascript" src="http://googleblogitalia.altervista.org/blog/wp-admin/load-scripts.php?c=0&load%5B%5D=customize-base,customize-controls,accordion,underscore,backbone,wp-util,wp-backbone,media-models,wp-plupload,jquery-ui-core,jque&load%5B%5D=ry-ui-widget,jquery-ui-mouse,jquery-ui-draggable,jquery-ui-slider,jquery-touch-punch,iris,wp-color-picker&ver=3.7.1.1"></script>
</head>
<body>
<header>
<img src="http://googleblogitalia.altervista.org/GoogleBlogItalia.svg" />
</header>
<nav class="nav-list-item">
<ul>
<li><a href="<?php bloginfo('url'); ?>">Home</a></li>
<?php wp_list_categories('title_li='); // elenca le voci delle categorie presenti sul nostro sito ?>
<?php wp_list_pages('title_li='); // elenca le voci delle pagine presenti sul nostro sito ?>
<li><a href="http://googleblogitalia.altervista.org/forum/">Forum</a></li>
<li class="search-form"><?php get_search_form(); ?></li>
</ul>
</nav>
<script>
$(document).ready(function() {
var stickyNavTop = $('.nav').offset().top;
var stickyNav = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyNavTop) {
$('.nav-list-item').addClass('sticky');
} else {
$('.nav-list-item').removeClass('sticky');
}
};
stickyNav();
$(window).scroll(function() {
stickyNav();
});
});
</script>
Questo è il file header.php con l'ultimo js che permette di fare lo sticky che ho trovato avete idee?
