灯箱打开一个div

我使用的是收藏库,我想知道是否有通过远调用它onclick ,而不是相对?

$(this).lightbox()没有工作,我试图让收藏,如果有人点击一个按钮,弹出另一个页面。



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

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

--------------解决方案-------------

对不起,我指定所使用的前灯箱写我的例子。 我离开了答案,不过,在情况下,它是对你有用。

下面是使用附带jQueryUI的库中的收藏夹(又名对话)的一个例子。 请注意,在标签<head>加载库,第一。 之前的代码库必须加载,和jQueryUI的主题应该jQueryUI的库之前加载。

需要注意的是灯箱代替我所称之为DIV #msgbox 。 一旦DOM负载,即DIV变得无形,让我注入HTML和灯箱上进行展示。

<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>

如果你有这样一个灯箱链接:

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

然后你可以用下面的代码在其他地方打开它:

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

分类:jQuery的 时间:2012-11-18 人气:0
本文关键词: jQuery的,灯箱
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 1.182 (s). 10 q(s)