脚本不能处理我的元素

Question

我的脚本在我的wordpress网站上不起作用，但它曾经在重置我的电脑之前工作。我找不到这些行中的错误，也许问题是另一个，真的不知道。唯一的建议是来自括号调试的Eslint teminated with error:timeout ...它曾经工作，除非，我不知道我是否修改它并最终犯了一些错误，我的知识有点过时，因为它已经有一段时间了，我很新鲜...... 。

jQuery(document).ready(function() {

	// define variables
    var navOffset, scrollPos = 0;

	// add utility wrapper elements for positioning
	jQuery(".blog-nav").wrap('<div class="nav-placeholder"></div>');

	// function to run on page load and window resize
	function stickyUtility() {

		// only update navOffset if it is not currently using fixed position
		if (jQuery(".blog-nav").hasClass("fixed")) {
			navOffset = jQuery(".blog-nav").offset().top;
		}

		// apply matching height to nav wrapper div to avoid awkward content jumps
		jQuery(".nav-placeholder").height(jQuery(".blog-nav").outerHeight());

	} // end stickyUtility function

	// run on page load
	stickyUtility();

	// run on window resize
	jQuery(window).resize(function() {
		stickyUtility();
	});

	// run on scroll event
	jQuery(window).scroll(function() {

		scrollPos = jQuery(window).scrollTop();

		if (scrollPos >= navOffset) {
			jQuery(".blog-nav").addClass("fixed");
		} else {
			jQuery(".blog-nav").removeClass("fixed");
		}

	});

});

.blog-nav {
	width: 100%;
	height: 30px;
	background-color: #000000;
	margin: 0;
	padding: 0;
}

div.blog nav li {
  padding-top: 6px;
}

nav.blog-nav li a:link,
nav.blog-nav li a:visited {
	color: #FFF;
	text-decoration: none;
	list-style: none;
	margin-left: 50px;
	font-weight: bold;
}

div.blog a:visited,
div.blog a:link {
	color: #000000;
}

.fixed {
  position: fixed;
  top: 0;
}

.space {
  height: 300px;
}

<div class="blog" id="blog" name="blog">
<nav class="blog-nav">
			<li><a href="#blog">Notizie</a></li>
		</nav>
    <div class="space"></div>
</div>

Answer 1

我在wordpress中的jquery代码有同样的错误。代码它工作正常，但当我上传网站在线停止工作

• 首先在php中检查你的函数文件，并确保你包含jquery

function my_enqueue_scripts() {wp_enqueue_script('jquery');}

• 确保每个js文件上面都需要jquery文件