加载包含哈希标签的链接时触发插件滑动框

Question

html代码：

<a id="image1" href="images/1.jpg" class="swipebox" title="My Caption">
    <img src="images/1mini.jpg" alt="image" />
</a>

当用户使用以 '#1' 结尾的链接进入时触发 pugin 的 Js 代码

<script type="text/javascript">
    $(document).ready(function(){
        if(window.location.hash == "#1") {
            $( '#image1' ).swipebox();
        }
    });
</script>

我发现是js代码

$( '#image1' ).swipebox();

仅当我单击图像时才有效。但我需要在页面加载期间它已经弹出。

Answer 1

在页面加载时打开swipebox；你能试试下面的代码吗：

<script type="text/javascript">
    $(document).ready(function(){
        if(window.location.hash == "#1") {
            $( '#image1' ).swipebox();
            $( '#image1' ).click();//click the image programmatically
        }
    });
</script>