自动单击阴影框中的 div答案

【问题标题】：Auto clicking div in shadowbox自动单击阴影框中的 div
【发布时间】：2014-03-16 17:21:55
【问题描述】：

我正在使用 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>

感谢您的宝贵时间。

【问题讨论】：

标签： javascript shadowbox

【解决方案1】：

想通了……

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

【讨论】：