Javascript 使用stellar.js时基本视差不工作
在过去的几个小时里,我一直在试图解决一个非常简单的问题,但我的头撞在墙上,希望这里的人能发现我遗漏了什么 尝试使特色图像滑块具有视差效果(类似于)。我在标题中称之为“明星脚本”,如下所示:Javascript 使用stellar.js时基本视差不工作,javascript,jquery,wordpress,parallax,Javascript,Jquery,Wordpress,Parallax,在过去的几个小时里,我一直在试图解决一个非常简单的问题,但我的头撞在墙上,希望这里的人能发现我遗漏了什么 尝试使特色图像滑块具有视差效果(类似于)。我在标题中称之为“明星脚本”,如下所示: <script src="<?php echo get_stylesheet_directory_uri(); ?>/javascripts/jquery.stellar.min.js"></script> <script> $(function() {
<script src="<?php echo get_stylesheet_directory_uri(); ?>/javascripts/jquery.stellar.min.js"></script>
<script>
$(function() {
$.stellar();
});
</script>
还有什么我应该做的吗?我错过了什么明显的东西吗
在您的页面上,您似乎在jquery之前添加了stellar的脚本标记。您需要的顺序是Jquery、stellar,然后是您的特殊脚本。你正在做的其他事情看起来都是正确的
//script tag for jquery
//script tag for stellar
//your script with stellar stuff.
Wordpress有时也不喜欢
$
。使用jQuery
来初始化stellar和documentready 嗯。。。我想我是按那个顺序来的。我已将其加载到functions.php文件中。为了安全起见,我把它放在header.php中,放在所有脚本的前面:code
我单击了good old view source,它肯定不是按那个顺序排列的。单击常规视图源并将其签出。jquery steller第24行。jquery本身第49行。现在检查控制台日志。现在它说:uncaughtreferenceerror:jQuery未定义jQuery.stellar.min.js:2 uncaughtreferenceerror:$未定义
您正在取得进展。另外,如果您使用wordpress,它有时会出现$
问题。尝试使用jQuery(function(){
来表示stellar的文档就绪状态,并使用jQuery
来初始化stellar
。而不是美元符号。
.parallax {
position: relative;
}
//script tag for jquery
//script tag for stellar
//your script with stellar stuff.