在Java脚本问题之前或之后使用WordPress

时间：2012-09-17 作者：Aqeel

嗨，伙计们，我想在wordpress网站的主页上实现一个幻灯片放映，但它不起作用，它只包含easyslider1.5.js 我把它放在js文件夹css中的文件，当然也放在css文件夹中。然后我用

wp_register_script( \'slides\', get_bloginfo(\'template_url\')."/js/easySlider1.5.js" );
wp_enqueue_script(\'slides\');
当时不工作

<script src="<?php echo get_template_directory_uri(); ?>/js/easySlider1.5.js" type="text/javascript"></script>
我也用过get_bloginfo() 但不起作用。。。。好的，我以前用过

wp_head();
以及jquery 密码

<script type="text/javascript">
  $(document).ready(function(){ 
    $("#slider").easySlider({
         auto: true,
         continuous: true 
    });
   });  
</script>
之后再使用wp_head();

但幻灯片放映不起作用。。。。。我正在做一个项目，我真的需要你们的帮助。

2 个回复
SO网友:kaiser

有一个原因，为什么一个人应该使用the proper hook, 在这种情况下wp_enqueue_scripts.

然后始终记住，一些插件可能需要依赖/依赖于另一个Javascript库，如jQuery。

现在，这个示例向您展示了如何将脚本排队

具有正确的路径/URI API函数，jQuery作为依赖项，具有按需缓存版本号（当文件内容更改时，文件名会更改，并且在更新时会阻止浏览器缓存）

  • 加载页脚以加速页面加载right 将脚本加载到WordPress主题的方式。

    function wpse64374_register_slider_script()
{
    wp_enqueue_script(
         \'easy-slider\'
        ,get_stylesheet_directory_uri()."/js/easySlider1.5.js"
        ,array( \'jquery )
        ,filemtime( get_stylesheet_directory()."/js/easySlider1.5.js" )
        ,true
    );
}
add_action( \'wp_enqueue_scripts\', \'wpse64374_register_slider_script\' );

    • SO网友:Lalit Kaushik

    将此代码放入当前主题的函数中。php文件

    add_action(\'wp_enqueue_scripts\', \'easyslider_function\');
function easyslider_function(){
     if(is_home()){ // assume you want to show slider only Home page. if you set static front page then use  is_front_page() in condition.
         wp_register_script( \'easyslider_js\', get_bloginfo(\'template_url\')."/js/easySlider1.5.js" );           
         wp_enqueue_script(\'easyslider_js\');
         echo \'jQuery(document).ready(function(){ jQuery("#slider").easySlider({ auto: true, continuous: true }); });\';
     }
    }
    仅供参考：确保使用正确的id作为滑块容器。

    希望此代码对您有所帮助。祝您一切顺利；）

    结束
    标签： jquery   javascript   slideshow   小码农  

    相关推荐

    使用jQuery-1.7.2.min.js而不是WordPress jQuery

    我一直在尝试注销wordpress原生jquery并使用我下载的版本。起初，wordpress常驻jquery的一切都很好，尽管它取代了$ 具有jQuery 在我的custom.js 剧本我在我的主题中使用了媒体上传器，我使用此代码添加了脚本；function wptuts_options_enqueue_scripts() { wp_register_script( \'wptuts-upload\', get_template_directory_uri() .\'/admin/js/