1

我iframe在ReactJS. 我在使用 jquery的锚点上添加了一个on click事件侦听器。加载iframe时附加事件。iframe在正常情况下单击可以正常工作，但是当我在轮播中将组件从右向左移动时，然后单击停止工作。

这是我的代码：

class MyFrame extends React.Component{

  constructor(props) {
   super(props);
  }

  componentDidMount() {
    this.props.hpStartedPlayingEvent();
  }
  myFrameOnLoadHandler() {
    let self = this;
    $(this.myIframe).contents().find("a").on('click', function(){
        let url = this.getAttribute("href");
        self.props.hpHandleLinkInsideMyFrameClicked(url);

    });
    $(this.myIframe).contents().find("img").bind('dragstart', function(){
        return false;
    });
}
  render() {
   return (
      <div className="myFrame" style={{ width: this.props.data.width }}>
         <iframe  onLoad = {this.myFrameOnLoadHandler.bind(this)} src={this.props.data.myFrame.URL} className="myFrameImg" ref={(ref) => {this.myIframe = ref;} }  frameBorder="0" scrolling="no" id="myFrameIdDefault"/>
     </div>
   );
  }
}

我检查了它看起来content()在后一种情况下返回空。我该怎么办？谢谢。

4

1 回答 1

0

我正在使用 translate3d 来移动轮播。将 translate3d 更改为简单的翻译工作时。

于 2018-07-31T08:33:53.410 回答