Question

我使用Fancybox作为jQuery灯箱，它只适用于一个href超链接。

<script type="text/javascript">$(document).ready(function() {$("#form").fancybox({'width':'65%','height':'60%','autoScale':false,'transitionIn':'none','transitionOut':'none','type':'iframe'});});</script>

正如您在上面所看到的，fancybox将与#form一起使用。

页面上链接的HTML是这样的：

<a id="form" href="form.html" class="slider-link"><img src="images/button_downloadarticle.gif" alt="Download Article"/></a>

所以ID是＆＃39;形式＆＃39;这链接到form.html，它确实适用于第一个实例但是我希望在页面上使用上述HTML大约20次，所以我可以使用Fancybox与form.html相同的链接。第一个链接可以很好地调用Fancybox，但是每个其他链接都会在新的浏览器窗口中打开form.html。

希望这是有道理的，如果需要，我在这里澄清更多。有人建议在整个页面上使用它会很棒。

由于

Answer 1

我认为问题在于您使用的是id。如此松散我会这样做：

<a id="form" class="fancy_item slider-link"><img src="images/button_downloadarticle.gif" alt="Download Article"/></a>

<script type="text/javascript">
    $(document).ready(function() {                  
        $(".fancy_item").fancybox({
            'width':'65%',
            'height':'60%',
            'autoScale':false,
            'transitionIn':'none',
            'transitionOut':'none',
            'type':'iframe'
        });
    });
</script>

我希望这会有所帮助：）

jQuery Fancybox的许多实例只链接到一个HTML iframe

1 个答案: