fancybox - Jquery FancyBox目标特定的DIV ID?

如何让Fancy box针对页面上的特定DIV的ID,而不是请求fancybox中的整个页面。这是代码


$(function() {

$(".style_image a").live('click', function(event) { 

 $(".style_image a").find("#show_style").fancybox(); 

});
});

这不能工作?

我最初尝试了以下操作:


 $(function() {

 $(".style_image a").live('click', function(event) { 

 $(this.href +" #show_style").fancybox(); 

 });
 });

时间:

如果你想fancybox打开某个div,只需使用以下简单步骤:

首先,需要一个链接挂钩FancyBox:


<a href="#myDivID" id="fancyBoxLink">Click me to show this awesome div</a>

注意锚点旁边的div id。

第二,你需要一个div,它显示在FancyBox的内部:


<!-- Wrap it inside a hidden div so it won't show on load -->
<div style="display:none">
 <div id="myDivID">
 <span>Hey this is what is shown inside fancybox.</span>
 <span>Apparently I can show all kinds of stuff here!</span>
 <img src="../images/unicorn.png" alt="" />
 <input type="text" value="Add some text here" />
 </div>
</div>

第三,javascript将它们钩在一起


<script type="text/javascript">
 $("a#fancyBoxLink").fancybox({
 'href' : '#myDivID',
 'titleShow' : false,
 'transitionIn' : 'elastic',
 'transitionOut' : 'elastic'
 });
</script>

你只需要这个选择器:


$("#show_style").fancybox(); 

<div id="content"></div>从href指向的页面,你可以使用.load()


$(".style_image a").live('click', function(event) { 
 $('#show_style').load(this.href +" #content").fancybox(); 
});

.load()有一个url selector选项,只加载目标页的一部分。

...