Question

我有一组DIV，我打算在点击时在fancybox中显示。 fancybox成功获取元素及其内容;然而，当我点击取消按钮关闭fancybox或点击fancybox外部以使其消失时，它会消失并随之绑架元素，即完全从DOM中删除元素。我已尝试应用here中的密钥，但它们都没有激活或影响其中的更改。

我想在调用fancybox插件（using beforeLoad）并在insertBefore键中执行afterClose时，可能会将该元素的副本存储在变量中什么都行不通（包括leftRatio属性）。

我尝试使用引用和不带引号的键。我使用v2.1.5并为缓动添加了v1.3.4，但即使我省略了可能无关的版本，它也不起作用。我的代码看起来像这样

$(document).ready(function() {
    $(".new-post a[href*='#fancy']").fancybox({
        'hideOnContentClick': false,
        'transitionIn': 'fade',
        'transitionOut': 'elastic',
        'speedIn': 1400,
        'speedOut': 300,
        'overlayShow': false,
        'autoCenter': true,
        'padding': [0, 0, 0, 20%],
        'margin': [0, 0, 0, 20%],
        'leftRatio': 1
    });
});

$(".more").click(function() {
    $("#fancy_outer").css({ "float": "right", "position": "static" }); /* I tried this also -_- */
    var that = $(this),
        id = $(that).parent().attr("id");
    console.log($(that)[0].nodeName);
    //use var that inside another object
});

修改

我使用colorbox的新脚本

  $(document).ready(function() {
  $(".new-post a[href*='#colorbox']").colorbox();
  });

标记
然后去更深入和更狭窄

            A young Eritrean man in his early twenties has two nephews and      one niece but is particularly fond of the niece; partly because they both share              similar traits
                                and temperaments. During each visit to her parents' home, they spend the most time together, with her clinging unto him. Her pud...</p>
               </div>
               <a href="#colorbox22" class="cboxElement">
               <div class="more"> More »</div> </a>
               <div class="push"> <a href="#"> push </a></div>
        </div>

Answer 1

我有同样的问题，当我点击图像时，它在fancybox中成功打开，但在关闭fancybox图像对象时正在破坏。并在rails中刷新页面时再次加载。我的HTML就像：

<div class="item1"
  <a id="single_1" href="ca34ef74d9_b.jpg">
    <img src="ca34ef74d9_m.jpg" alt="" />
  </a>
</div>

我的脚本是$(".item1").fancybox(); 我打电话给div班相反，我必须调用锚标记Id。我用以下代码替换了脚本：

$（ “＃single_1”）的fancybox（）;

jQuery fancybox在关闭

1 个答案: