Nice scroll to wordpress

时间:2014-01-01 作者:user44529

我正在将html5转换为wordpress主题。我想为wordpress使用自定义滚动。代码

依赖项这是jquery框架的插件,您需要在脚本中包含jquery。

我将使用

<?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>

这样行吗?下面的代码呢?

$(document).ready(
  function() {
    $("html").niceScroll();
  }
);
示例1。简单模式,设置文档滚动条样式(首选html元素):

在何处输入以使其工作?

排队后,是否需要再次添加header.php 解释会很有帮助。

如何使用此代码?

var seq = 0;

  $(document).ready(function() {    
    $("html").niceScroll({styler:"fb",cursorcolor:"#000"});

    $("#mainlogo img").eq(1).hide();
    function goSeq() {
      var nxt = (seq+1)%2;
      $("#mainlogo img").eq(seq).fadeIn(2000);
      $("#mainlogo img").eq(nxt).fadeOut(2000);
      seq = nxt;
      setTimeout(goSeq,2500);
    };
    goSeq();

    $(window).load(function(){
      setTimeout(function(){
        $("#gmbox div").animate({\'top\':60},1500,"easeOutElastic");
      },1500);
    });

    function trackLink(link, category, action) {
      try {
        _gaq.push([\'_trackEvent\', \'tracklink\' ,\'click\',link.href ]);
        setTimeout(\'document.location = "\' + link.href + \'"\', 100)
      }catch(err){}
    }

    $(\'[rel="outbound"]\').click(function(e){      
      try {
        _gaq.push([\'_trackEvent\',\'outbound\',\'click\',this.href]);
      }catch(err){}
    });

  });

2 个回复
最合适的回答,由SO网友:Mark Kaplun 整理而成

wordpress以noconflicts模式运行jquery,这意味着您需要使用jquery函数调用编写JS代码

$(document).ready(
  function() {
    jQuery("html").niceScroll();
  }
);
或以下语法定义$

$(document).ready(
  function($) {
    $("html").niceScroll();
  }
);

SO网友:ucon89

在WordPress中,您也可以将脚本放在标题中。

但作为最佳实践。将文件另存为脚本。js并使用调用脚本

<?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>
在函数中。php

$句柄=名称,任何您想要的内容。

$src=文件所在位置。

$deps=依赖项,您的脚本取决于jQuery。因此,首先加载jQUery,然后再加载代码。

$ver=代码版本

$in\\u footer=默认值为false,表示您的代码放在页眉中。

代码为您输入函数。php

if ( ! function_exists( \'your_enqueue\' ) ) :
    function your_enqueue(){
wp_enqueue_script(\' name \', get_template_directory_uri(). \'/script.js\' , array(\'jquery\')), \'1.0\', false);
}
endif;
add_action(\'wp_enqueue_scripts\', \'your_enqueue\');
我上面写的是插入WordPress团队强烈推荐的javascript的最佳实践之一。

请参阅,

  1. http://codex.wordpress.org/Function_Reference/wp_enqueue_script
  2. http://codex.wordpress.org/Function_Reference/get_template_directory_uri

结束

相关推荐

通过子主题函数.php文件将特色图片添加到RSS提要

我试图在一个运行pinbin儿童主题的博客上向我的RSS提要添加特色图像。当我安装并激活插件“将特色图像添加到RSS提要”时,它就可以工作了。当我尝试在子函数中粘贴此插件的代码时。php文件它不起作用(事实上,当它粘贴到我的functions.php文件中时,我在internet上发现的任何代码都不起作用,例如Can't Display Featured Image in RSS Feed )代码为function add_featured_image_to_feed($content) {&#x