Событие Attached на привязке внутри iframe работает в карусели при перемещении компонента iframe.[ReactJS]

Question

Я показываю iframe в карусели ReactJS, Я добавляю on click слушатель события на якоре внутри iframe используя jquery. Событие прикрепляется, когда 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() возвращение пустым в последнем случае. Что мне делать? Благодарю.

Answer 1

Я использовал translate3d для перемещения карусели. При изменении translate3d на простой перевод работает.