как показать всплывающее окно лайтбокса на странице load in response js

Я хочу показать всплывающее окно на загрузке страницы, но у меня нет знаний об изменении javascript. Я использую всплывающее окно. он работает отлично, но работает над функцией onclick. Мне нужно открыть всплывающее окно при загрузке страницы. мой код: -как показать всплывающее окно лайтбокса на странице load in response js

<html> 
    <head> 
    <script src='//cdnjs.cloudflare.com/ajax/libs/react/0.12.0/JSXTransformer.js'></script> 
    <script src='//cdnjs.cloudflare.com/ajax/libs/react/0.12.0/react-with-addons.js'></script> 
    <script type="text/jsx" src='js/react-lightbox.jsx'></script>  
</head> 
<body> 
    <div id='react-canvas'></div> 
    <script type="text/jsx"> 
     /** @jsx React.DOM */ 
     React.renderComponent(
      <Lightbox> 
       <LightboxTrigger> 
        <a href='javascript:void(0)'>Click me to open!</a> 
       </LightboxTrigger> 
       <LightboxModal> 
        <div> 
         <h1>This is the basic usage!</h1> 
         <p>Good luck :D</p> 
        </div> 
       </LightboxModal> 
      </Lightbox>,   

      document.getElementById('react-canvas') 
     ); 
    </script> 
</body> 
</html>

источник

2017-02-22 Ranjeet singh

вы можете предоставить ссылку на лайтбокс doc, что вы имеете в виду ??? –

@MayankShukla это ссылка: - http://github.com/howtomakeaturn/React-Lightbox –

Реализованная вами реализация лайтбоксов очень старая, последнее обновление 2 года назад. Попробуйте новую библиотеку, возможно, [это] (https://github.com/fritz-c/react-image-lightbox). – Abhishek

Попробуйте создать логотипо элементы и добавить метод this.props.openLightbox на componentWillMoutn

var ToggleButton = React.createClass({ 
     componentWillMount(){ 
      this.props.openLightbox(); 
     } 
     render() { 
      return(<button onClick={this.props.openLightbox}>Open Lightbox</button>); 
     } 
    });

И поставить этот пользовательский элемент в <LightboxTrigger>

<LightboxTrigger> 
    <ToggleButton /> 
</LightboxTrigger>

источник

2017-02-22 09:23:20

это не работает; ( –

любой другой пример? –

не обязательно использовать лайтбокс, мне нужно всплывать на загрузку страницы, используя js js? –

как показать всплывающее окно лайтбокса на странице load in response js

ответ

Смежные вопросы