-1

嗨，嗯，试图在花哨的盒子上打开图像，目前图像在另一个选项卡中打开。我的代码是这个

<%= link_to file.title, file_path(file) %>

当我把它放在另一个标签中时

因此创建了锚标记并​​执行了以下操作

<a href = "file.title, file_path(file)" class="file_preview"> <%= file.title %></a>

并写了一个js脚本

$(document).ready(function() {
$('.file_preview').fancybox({
    'width' : false,
    'height' : false,
    'autoDimensions' : true,
    'autoScale' : true,
    'transitionIn' : 'none',
    'transitionOut' : 'none',
    'type' : 'iframe',
    'scroll' : 'no',
    'centerOnScroll' : true
});
});

这没有用，但是当我给出一个像 /testadd 这样的地址时，它在 iframe 中打开，我不知道如何进一步进行

4

1 回答 1

1

尝试这样的事情

<a id="single_image" href="file.title, file_path(file)">
    <img src="file.title, file_path(file)" alt=""/>
</a>

还要确保您正在准备好文件

$("a#single_image").fancybox();

当然，您在此顺序之前已经包含了 fancybox js 和 jquery。（如果你先调用fancybox，之后调用jquery就不行了）

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

框架：

<a href="http://www.example?iframe">This goes to iframe</a>

或者

<a class="iframe" href="http://www.example">This goes to iframe</a>
于 2013-09-02T06:59:28.867 回答