Back to site

У тым ліку JQuery ў WordPress

Калі вы хочаце, вы можаце проста спампаваць JQuery, паклаў яго на вашым серверы і спасылку на яго на ваш header.php файл у падзел <head>. Але што можа прымусіць вас гора. З аднаго боку, некаторыя ўбудовы выкарыстоўваць JQuery бібліятэкі, і яны збіраюцца, каб загрузіць яго таксама. Гэта можа выклікаць праблемы. Якім быў ваш плягін ведаць, што вы ўжо яго загрузіць?

Іншая справа, што WordPress ужо ўключае ў сябе копію JQuery. Вось як вы можаце загрузіць JQuery ў Вашай тэме разумных (і прызначаны) спосабам. Пакладзеце наступны код у вашым файле header.php ў <head> падзел:

<?php wp_enqueue_script("jquery"); ?>

<?php wp_head(); ?>

Ваша тэма, верагодна, ужо мае wp_head функцыі, так што проста пераканайцеся, што вы называеце wp_enqueue_script функцыі да гэтага. Цяпер у вас усё наладжана, каб назваць сваім JQuery JavaScript файла, пасля wp_head функцыі.

<script type="text/javascript"
   src="<?php bloginfo("template_url"); ?>/js/yourScript.js"></script>

Вы гатовыя да рок, але Ёсць яшчэ некаторыя меркаванні. Напрыклад, захаваньне сябе ад будучых магчымасць канфліктаў з іншымі бібліятэкамі. Вы сапраўды не павінны выкарыстоўваць некалькі бібліятэк JS з самага пачатку, але... лепш перастрахавацца, чым потым шкадаваць.

Каб быць супер-сейф, вы можаце пакласці JQuery ў "ніякага канфлікту" рэжыме і выкарыстоўваць розныя цэтлік для JQuery. У гэтым выпадку "$ J", а не па змаўчанні "$". Стандарт "$", напрыклад, можа прывесці да канфлікту з прататыпам. Вось прыклад бяспечнага трохі JQuery JavaScript:

var $j = jQuery.noConflict();

$j(function(){

    $j("#sidebar li a").hover(function(){
    	$j(this).stop().animate({
    		paddingLeft: "20px&"
    	}, 400);
    }, function() {
    	$j(this).stop().animate({
    		paddingLeft: 0
    	}, 400);
    });

});

Ці можаце Вы прызнаць гэты кавалак кода? Мы выкарыстоўваем яго прама тут, на сучаснай WordPress зрабіць круты "спасылка падштурхоўвае" на бакавы панэлі!

Popular Links