灯箱开一个div

我正在使用lightbox库，我想知道是否有通过onclick而不是rel来呼叫它？灯箱开一个div

将$(this).lightbox()没有工作，我想要让lightbox弹出另一个页面，如果有人点击一个按钮。

对不起，我的意思是打开一个div而不是新的页面。我打算使用jQuery的点击绑定事件使部分解决，只需要弄清楚如何打开与灯箱隐藏的div ...我使用

http://lokeshdhakar.com/projects/lightbox2/

来源

2013-06-24 user2499454

哪个收藏库？ – hamstu

http://lokeshdhakar.com/projects/lightbox2/ – user2499454

对不起，我写我的示例在您指定您正在使用哪个灯箱之前。不过，我会留下答案，以防它对你有用。

以下是使用jQueryUI库附带的Lightbox（又名对话框）的示例。首先请注意<head>中用于加载库的标签。库必须在代码之前加载，并且应该在jQueryUI库之前加载jQueryUI主题。

请注意，灯箱将替换我称为#msgbox的DIV。在DOM加载时，该DIV变得不可见，允许我注入HTML并将其显示在Lightbox中。

<html> 
    <head> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
     <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> 
     <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" /> 

     <style> 
     </style> 

     <script type="text/javascript"> 
      $(document).ready(function() { 

       $('#mybutt').click(function() { 
        $('#msgbox').html('<iframe src="http://www.stackexchange.com" width="550" height="700"></iframe>'); 
        $('#msgbox').dialog('open'); 
       }); 

       $("#msgbox").dialog({ 
        autoOpen: false, 
        height: 855, 
        width: 605, 
        modal: true, 
        title: 'Here is a demo:', 
        buttons: { 
         "Close page and lightbox": function() { 
          //do some stuff here 
          $(this).dialog('close'); 
         } 
        }, 
        close: function() { 
         alert('Can do other things as lightbox is closing'); 
        } 
       }); 

      }); //END $(document).ready() 

     </script> 
    </head> 
<body> 

    <input type="button" id="mybutt" value="Click the button" /> 
    <div id="msgbox"></div> 

</body> 
</html>

来源

2013-06-24 16:44:30 gibberish

如果你有这样的收藏夹链接：

<a href="image.jpg" rel="lightbox" id="my-link">My Link</a>

那么你可以用下面的代码在其他地方打开它：

$("#my-link").trigger("click");

来源

2013-06-24 16:47:20 hamstu

灯箱开一个div

回答

相关问题