在WordPress上实现Sticky Kit

时间:2016-11-20 作者:anugatra

谁能告诉我如何实施Sticky Kit 在我的WordPress上hasbee?

1 个回复
SO网友:Benoti

要以正确的方式包含在主题中,需要将jQuery排队。粘性套件。js with wp\\u enqueue\\u scripts操作。

 add_action(\'wp_enqueue_scripts\', \'enqueue_sticky_kit\');

 function enqueue_sticky_kit(){
       wp_enqueue_script(\'sticky-kit\', get_stylesheet_directory_uri .\'/js/jQuery.sticky-kit.js\', array(\'jquery\') );
 }
然后为了使用它,您需要添加一个小的js

  $("#sticky_item").stick_in_parent();
  // or
  $("#sticky_item").stick_in_parent(options);
这可以用wp_head 行动

  add_action(\'wp_head\', \'mycustom_sticky\');

   function mycustom_sticky(){
          // Do what you need
        ?><script type="text/JavaScript">
                  $("#sticky_item").stick_in_parent();
            </script><?php
   }
查看有关jQuery noConflict的文档,以避免影响其他jQuery脚本。

某些jQuery代码必须像这样嵌入jQuery( document ).ready( function( $ ) { // $() will work as an alias for jQuery() inside of this function [ your code goes here ] } );

相关推荐

Action when sidebars updated

侧边栏更新后是否会触发任何操作?例如,对于菜单,我使用wp_update_nav_menu, 但我没有找到任何方法来使用侧边栏做类似的事情。