Jquery FancyBox目标具体的DIV ID?

前端之家收集整理的这篇文章主要介绍了Jquery FancyBox目标具体的DIV ID?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何获取花式框以定位页面上的特定DIV ID,而不是在fancybox中请求整个页面.
这个我的代码很好
  1. $(function() {
  2.  
  3. $(".style_image a").live('click',function(event) {
  4.  
  5. $(".style_image a").find("#show_style").fancybox();
  6.  
  7. });
  8. });

这不行吗

我原来尝试了以下内容

  1. $(function() {
  2.  
  3. $(".style_image a").live('click',function(event) {
  4.  
  5. $(this.href + " #show_style").fancybox();
  6.  
  7. });
  8. });

不知道怎么做,还是甚至可以呢?

here are the doc’s

解决方法

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

首先你需要一个链接来挂钩fancybox

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

注意锚点旁边的div id.

第二,您需要一个将在fancybox显示的div:

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

第三个一些非常简单的javascript将它们整合在一起

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

猜你在找的jQuery相关文章