Question

我找到了这个jQuery Spoiler on GitHub，我想让它在my site上运行（＆＃34;分享＆＃34; 按钮会破坏共享下面的按钮），但它没有。问题是我对jQuery很新，因为我不知道为什么。我使用WP，所以我通过function.php

包含它们

function bresponZive_themepacific_tpcrn_scripts_method() {

    wp_enqueue_script ('spoiler', get_stylesheet_directory_uri().'/js/jquery.spoiler.js', array('jquery'));
    wp_enqueue_script ('spoiler-init',  get_stylesheet_directory_uri().'/js/spoiler-init.js', array('jquery'));

}

我的HTML设置：

<div class="a2a-share-counter spoiler" data-spoiler-link="1">
<div class="share-bar-inner spoiler-content" data-spoiler-link="1">

spoiler-init.js文件看起来像这样，它应该激活jQuery Spoiler。

(function($) {

  $(".spoiler").spoiler({
    paddingValue: 20
  });

})(jQuery);

Answer 1

我假设你在头部包含了spoiler-init.js，但是你的代码假设jQuery选择器在那个时候是有效的（它可能不是）。

试试这个：

(function($) {
  $(function () { //Equivalent to $(document).ready
      $(".spoiler").spoiler({
        paddingValue: 20
      });
   });    
})(jQuery);

如何使用jQuery Spoiler

1 个答案: