내 로컬 컴퓨터에서 jquery Isotope가 작동하지만 온라인에서는 작동하지 않는 이유

Question

localhost 웹 서버에서이 스크립트가 제대로로드되고 정상적으로 작동하지만 내 BlueHost 계정에서 콘솔에 개체가없는 Isotope에 대한 오류가 발생합니다.

코드 : 페이지 1.9.1과 1.8.3에로드 jQuery를 두 가지 버전이 있습니다

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 

Answer 1

: 여기

<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> 

그리고는 크롬 콘솔 오류입니다.

하나는 그 중 하나를 제거, 헤더 (1.9.1)

<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.noConflict()와 호환되도록 설정하십시오.

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'); 

    }); 
});