2016-05-04 20 views
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の代わりに使用できるものがありますか?

ありがとうございます!

+0

WordPressはjfeeryを "noconflict"モードで読み込むため、IIFEの内部にない限り$()を使用できません。 'jQuery( '.waypoint')。waypoint(...)' –

+0

を使用するようにコードを変更してみてください。私は実際にjQueryをこの方法でロードして、他のすべてのjQueryスクリプトが動作しているので、それはそれと関係がないと思いますか?とにかくありがとう、@DaveRoss! – ohmmho

+0

パスは正しいですか?ファイルは実際に正しく読み込まれますか? – WillardSolutions

答えて

0

Waypointsは、$を使用してjQueryにアクセスしていますが、WordPressではjQueryをjQueryと呼ぶ必要があります。

私はno framework version of Waypointsを使ってWordPressで作業しなければならないことがわかりました。