如何這個jQuery手風琴添加到WordPress的

Question

的下面是一個jQuery的手風琴

http://dl.dropbox.com/u/24708866/labs/jquery-multi-open-accordion/index.html

我想要將它添加到WordPress站點頁面。

而且只想要加載到一個特定的頁面，所以的jQuery-UI-1.8.13.custom.min.js和jQuery.multi-手風琴1.5.3.js會不加載到其他帖子或頁面。

我不想使用任何插件是可能的嗎？

Answer 1

1 - 你應該打電話給你的jQuery腳本到的header.php

2 - 然後指定如果是的pageid到相同的PHP文件。如果頁面ID正確，請調用您的函數。

3 - 在頁面的內容輸入正確的html代碼

注意：確保你打電話給jQuery函數之前，你的HTML代碼加載。

EtVoilà！

Answer 2

克利須那，

得很不喜歡這個

<?php wp_enqueue_script('jquery-1.3.2.min', 'wp-content/themes/xyz/js/jquery-1.3.2.min.js'); ?> 
<?php wp_enqueue_script('custom', 'wp-content/themes/xyz/js/accordion.js'); ?> 

<?php get_header(); ?> 
<?php get_sidebar(); ?> 

或如你可以像這樣

if(is_page('x')) { ?> 
// YOUR SCRIPT STUFF 
<?php } 

另外，請檢查你的主題function.php文件，如果這些存在，那麼你所做的

function scripts() { 
if (!is_admin()) { // this if statement will insure the following code only gets added to your wp site and not the admin page cause your code has no business in the admin page right unless that's your intentions 
// jquery 
    wp_deregister_script('jquery'); // this deregisters the current jquery included in wordpress 
    wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"), false); // this registers the replacement jquery 
    wp_enqueue_script('jquery'); // you can either let wp insert this for you or just delete this and add it directly to your template 
// your own script 
    wp_register_script('yourscript', (get_bloginfo('template_url') . '/yourscript.js'), false); //first register your custom script 
    wp_enqueue_script('swfobject'); // then let wp insert it for you or just delete this and add it directly to your template 
    // just in case your also interested 
    wp_register_script('yourJqueryScript', (get_bloginfo('template_url') . '/yourJquery.js'), array('jquery')); // this last part-(array('jquery'))is added in case your script needs to be included after jquery 
    wp_enqueue_script('yourJqueryScript'); // then print. it will be added after jquery is added 
    } 
} 
add_action('wp_print_scripts', 'scripts'); // now just run the function 

所以最後你可以做這樣的

<?php 
function load_index_page(){ 
wp_enqueue_script('jquery-1.3.2.min', 'wp-content/themes/xyz/js/jquery-1.3.2.min.js'); 
wp_enqueue_script('easySlider1.5', 'wp-content/themes/xyz/js/accordion.js'); 
}?> 

<?php if (is_home()){ 
    add_action('init', load_index_page); 
} ?> 

<?php wp_head(); ?>