如何使用jQuery擾流板

Question

我發現這個jQuery Spoiler on GitHub，我想要得到它的工作my site（「分享」按鈕應該破壞下面的分享按鈕），但它不。問題是我對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"> 

阻流板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);