2014-09-07 3 views
0

WordPress의 최신 jQuery를 추가하고 싶습니다. 하지만 index.php 파일에는 javascript 문자열 ($)이 없으므로 "$"대신 "jQuery"를 쓰고 변경할 수 있습니다. 이것은 내가 WordPress-WordPress에서 최신 jQuery 추가

/* Adding Latest jQuery from WordPress *************************/ 

function polish_arest_jquery() { 
    wp_enqueue_script('jquery'); 
} 
add_action('init', 'polish_arest_jquery'); 

에서 최신 jQuery를 호출하기위한 내가 functions.php 파일에이 기능을 쓴

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/jquery.prettyPhoto.js"></script> 
<script src="<?php bloginfo('template_url');?>/js/jquery.sticky.js"></script> 
<script src="<?php bloginfo('template_url');?>/js/jquery.isotope.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/sorting.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/jquery.jcarousel.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/js.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/jquery.stellar.min.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/waypoints.min.js"></script> 

<!--[if lt IE 9]> 
    <script src="<?php bloginfo('template_url');?>/js/html5shiv.js"></script> 
    <script src="<?php bloginfo('template_url');?>/js/respond.src.js"></script> 
<![endif]--> 

의 index.php 파일에 사용 된 모든 JQuery와 플러그인 내가 jQuery noConflict Wrappers이라고 말할 죄송이다 내 index.php 파일에서 사용할 수 없습니다.

그럴 경우 WordPress의 최신 jQuery를 어떻게 추가 할 수 있습니까? 고맙습니다.

+2

: 다른 질문을 참조

jQuery(function($) { $('#what_ever_you_want').do_something(); }); 

를 당신이 요구하는 것이지만 일반적으로 스크립트를 추가하기 위해'wp_enqueue_script'를 사용하고, jQuery를 의존성으로 추가해야합니다. 그리고 Wordpress는 자동으로 최신 버전을 추가 할 것입니다. 또한 jQuery는 Wordpress에서 항상 충돌 모드가 아니므로 충돌이없는 래퍼를 사용해야합니다. 모두 [Codex **] (http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_Wrappers)에서 매우 잘 설명되어 있습니다. – adeneo

답변

0

예, wp_enqueue_script 함수를 사용하여 스크립트를 대기열에 추가하면 스크립트에서 wp_header()이 호출하는 위치에 스크립트가 추가됩니다.

그리고 jQuery 라이브러리는 자동으로 WordPress 커널에 포함되며 최신 WordPress 에디션에는 최신 jquery 1.X가 포함되며 스크립트 대기열에도 등록되었습니다.

twentyfourteen 주제와 마찬가지로 테마가 function.php 인 경우 다음과 같은 스크립트를 추가 할 수 있습니다.

function theme_scripts() { 
    wp_enqueue_script('theme-script', get_template_directory_uri() . '/js/functions.js', array('jquery'), '20140319', true); 
} 
add_action('wp_enqueue_scripts', 'theme_scripts'); 

위의 수단은 /js/functions.js 스크립트를 가져올 수 있지만, 따라서 JQuery와 자동으로 가져온 먼저 가져올 수 jQuery를 필요로한다. 스크립트가 제대로 렌더링 만들기 위해 wp_enqueue_script을 사용하는 경우


더,는 <head></head> 태그 내에서 wp_head(); 후크 트리거를 잊지 마세요.

희망이 도움이 될 것입니다! 행운을 빕니다.


더, 당신은 이름 만 고민하면, jQuery$을 수, 다음 전략을 사용합니다 : 그것은 전혀 분명 https://stackoverflow.com/a/24352348/2544762

+0

안녕하세요. @fish_ball, 답변 해 주셔서 감사합니다. wp_enqueue_script ('twentyfourteen-script', get_template_directory_uri(). '/js/functions.js', array ('jquery'), '20140319', true);'그러나 전체 코드를 공유 하시겠습니까? –

+0

@ active-worker 물론 업데이트 된 답변을 참조하십시오. 코드를 함수 안에 넣고 함수를 후크'wp_enqueue_scripts'에 추가하십시오. 따라서 WordPress가 부팅 될 때 실행됩니다. –

관련 문제