JQuery Waypoint在React项目中根本没有触发

时间:2017-07-14 19:01:53

标签: jquery reactjs typescript jquery-waypoints

我使用react来创建应用程序,我只是安装了jquery和jquery-waypoints。 我试图检查一个元素出现在屏幕上时的位置,如果它不是我想要的那个,那么我将重新定位这个元素。我在jquery-waypoints之前尝试了jquery.appear,同样,当我告诉它时,它根本就没有触发。

这就是我的代码:

...
var $ = require("jquery");
import 'jquery-waypoints/waypoints.min.js';
...
class Application extends SearchkitComponent<any, any> {

 render() {
   ...
   $(document).ready(function() {
     $(".rc-calendar").waypoint(function(){
       console.log("I showed up");   
     }, {context: 'div [data-reactroot=""]'});
   });

   /* I also tried without the context parameter above*/

    return (<div>
       ...
    );
 }
}

ReactDOM.render(<Application />, document.getElementById('example2'));

/* I also tried jquery waypoint here and nothing happened as well */

上下文参数&#39; div [data ...]&#39;是.rc-calendar的父元素(不是直接父级)。我没有得到任何错误,我确信正确安装了jquery-waypoints,但无论我做什么,我都没有看到&#34;我出现了&#34;在我的控制台中。我也试过没有$(文件).ready。

0 个答案:

没有答案