如何使用jQuery剧透

Question

我在GitHub上发现了这个jQuery剧透，我正在努力让它在我的网站上工作（"共享"按钮应该破坏下面的共享按钮），但它没有。问题是我对jQuery很陌生，我不知道为什么。我正在使用WP，所以我通过该功能包含它们.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">

剧透 init.js 文件看起来像这样，它应该激活 jQuery 剧透。

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

Answer 1

我假设你在头部中包含spoiler-init.js，但你的代码假设jQuery选择器在这一点上是有效的（它可能不是）。

试试这个：

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