Question

我使用shadowbox打开覆盖iframe的链接。如果人们导航到mysite.com/#/link123，则会自动点击链接并在影子框中打开。

    <script type="text/javascript">

    window.onload = function() {

        var pageURL = document.location.href;

        var SBlinkRegEx = /(.*)(\/#\/)(.*)/;
        var SBlinkRegExCG = SBlinkRegEx.exec(pageURL);

        if(SBlinkRegExCG){
           var SBhashtag = "#"+SBlinkRegExCG[3];
           alert(SBhashtag);
           $(SBhashtag).trigger('click');
        }

    }


</script>

此代码适用于所有链接，但可点击的div除外。他们表现出一些奇怪的行为当人们导航到mysite.com并点击可点击时，它会在影子框中很好地打开。但是，如果人们导航到mysite.com/#/div123，则shadowbox会打开整个页面（mysite.com），而不仅仅是div。当人们导航到mysite.com/#/link123，然后关闭该影子框并点击div时，也会发生不需要的行为。

这是来自普通链接的代码

<div class="normal-width">
    <a id="link123" onclick="window.history.replaceState( {} , '', '#/link123' );" rel="shadowbox[All]" href="mysite.com/link123.html">Link 123</a>
</div>

这是我可点击的div的代码

<div id="abc" class="text">
        //some content
        <a id="div123" onclick="window.history.replaceState( {} , '', '#/div123' );" href="#abc" rel="shadowbox[All]" class="filldiv"></a>
    </div>

感谢您的时间。

Answer 1

想出来......

rel="shadowbox[All];player=inline"

在影子框中自动单击div

1 个答案: