为什么jquery可以在本地机器上工作,但不能在线
在我的localhost web服务器上,这些脚本正在正确加载并完美运行,但在我的BlueHost帐户上,我的控制台给了我关于没有对象的错误 代码:为什么jquery可以在本地机器上工作,但不能在线,jquery,wordpress,localhost,mamp,jquery-isotope,Jquery,Wordpress,Localhost,Mamp,Jquery Isotope,在我的localhost web服务器上,这些脚本正在正确加载并完美运行,但在我的BlueHost帐户上,我的控制台给了我关于没有对象的错误 代码: 页面1.9.1和1.8.3中加载了两个版本的jQuery 一个加载在收割台中(1.9.1) 页面1.9.1和1.8.3Ahh中加载了两个版本的jQuery!我真不敢相信我错过了。好吧,我删除了额外的一个,所以现在它只是jQuery加载的Wordpress版本。不幸的是,现在我得到了一个经典错误,$是未定义的。这是不是因为Wordpress版本太旧(
页面1.9.1和1.8.3中加载了两个版本的jQuery 一个加载在收割台中(1.9.1)
页面1.9.1和1.8.3Ahh中加载了两个版本的jQuery!我真不敢相信我错过了。好吧,我删除了额外的一个,所以现在它只是jQuery加载的Wordpress版本。不幸的是,现在我得到了一个经典错误,$是未定义的。这是不是因为Wordpress版本太旧(1.8….)?我听说过一些人使用jquery而不是$,但我不确定这是否是一个网络主机的个案问题。我认为wordpress使用jquery而不是
$
,或者搜索如何防止它,也可以看到它确实有效!现在想知道如何将('click'…脚本上的所有旧$.on('click')转换为noConflict。。。
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.isotope.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.infinitescroll.js"></script>
<script type="text/javascript">
$(window).load(function(){
$.ajaxSetup({ cache: false });
var $container = $('#articlePost');
$container.isotope({
masonry: { columnWidth: $container.width() / 3}
});
$(window).smartresize(function(){
$container.isotope({
// update columnWidth to a percentage of container width
masonry: { columnWidth: $container.width() / 3}
});
$container.isotope('reLayout');
});
});
</script>
Uncaught TypeError: Object [object Object] has no method 'isotope' www.theciv.com:92
(anonymous function) www.theciv.com:92
jQuery.event.dispatch jquery-1.9.1.js:3074
elemData.handle
<script type="application/javascript" src="http://www.theciv.com/wp-content/themes/toolbox/js/jquery-1.9.1.js" /></script>
<script type='text/javascript' src='http://www.theciv.com/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script>
jQuery(function($){
$.ajaxSetup({ cache: false });
var $container = $('#articlePost');
$container.isotope({
masonry: { columnWidth: $container.width() / 3}
});
$(window).smartresize(function(){
$container.isotope({
// update columnWidth to a percentage of container width
masonry: { columnWidth: $container.width() / 3}
});
$container.isotope('reLayout');
});
});