Question

当我登录其中一个页面时，我希望加载一个灯箱。我无法弄清楚如何实现它。

jQuery的一部分：

<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="jss/jquery.js"></script>
<script src='http://fliphtml5.com/plugin/LightBox/js/fliphtml5-light-box-api-min.js'></script>
<script>
$(document).ready(function() {
$(".foo").trigger('click'); 
});
</script>
</head>

应自动点击的图片/链接：

<img class="foo" src="imgs/logo-growpact.png"data-rel='fh5-light-box-demo' data-href='http://online.fliphtml5.com/classified' data-width='1280' data-height='720' data-title='Rootcage'>

Answer 1

首先删除你的

<script type="text/javascript" src="jss/jquery.js"></script>

试试这个：

<html>

   <head>
     <script src="http://code.jquery.com/jquery-latest.js"></script>
     <script src='http://fliphtml5.com/plugin/LightBox/js/fliphtml5-light-box-api-min.js'></script>
  </head>

  <body>
   <script>
   jQuery(function(){

        jQuery('.foo').click();


});
   </script>
     <img class="foo" src="imgs/logo-growpact.png" data-rel='fh5-light-box-demo' data-href='http://online.fliphtml5.com/classified' data-width='1280' data-height='720' data-title='Rootcage'>
  </body>

</html>

这是小提琴：CHECK THIS

<强>已更新

<script>
  jQuery(function(){
        setTimeout(function(){
            jQuery('.foo').click();
        },400);

    });
   </script>

FIDDLE

OnLoad Click或Trigger嵌入灯箱

1 个答案: