0
私はWordPressのサイトを開発しています。さまざまなイベントを発生させ、いくつかの画像を非表示にするためにユーザーのスクロールをトリガーする必要があるため、Waypoints.jsが最適です。WordpressのWaypoints.js
しかし、私はそれが結果なしで動作するように別の試みを試みました。 JavaScriptで
function waypoints_method() {
wp_deregister_script('jquery');
wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js", false, null);
wp_enqueue_script('jquery');
wp_enqueue_script('waypoints', get_stylesheet_directory_uri() . '/vendor/waypoints/lib/jquery.waypoints.min.js');
}
add_action('wp_enqueue_scripts', 'waypoints_method');
そして:
jQuery(document).ready(function($) {
$('.waypoint').waypoint(function() {
alert('You have scrolled to my waypoint.');
});
}
ブラウザのサイズを変更するとき、私はそれを得る唯一の事はCONSOLE.LOGすることで、私はこのように、のfunctions.phpファイル上の機能として追加します。それで、私はそれを機能させるために何をする必要がありますか?または、Waypoints.jsの代わりに使用できるものがありますか?
ありがとうございます!
WordPressはjfeeryを "noconflict"モードで読み込むため、IIFEの内部にない限り$()を使用できません。 'jQuery( '.waypoint')。waypoint(...)' –
を使用するようにコードを変更してみてください。私は実際にjQueryをこの方法でロードして、他のすべてのjQueryスクリプトが動作しているので、それはそれと関係がないと思いますか?とにかくありがとう、@DaveRoss! – ohmmho
パスは正しいですか?ファイルは実際に正しく読み込まれますか? – WillardSolutions