Javascript 在阴影框中自动单击div
我正在使用shadowbox打开覆盖iframe中的链接。 如果人们导航到mysite.com/#/link123,链接会自动单击并在一个阴影框中打开Javascript 在阴影框中自动单击div,javascript,shadowbox,Javascript,Shadowbox,我正在使用shadowbox打开覆盖iframe中的链接。 如果人们导航到mysite.com/#/link123,链接会自动单击并在一个阴影框中打开 <script type="text/javascript"> window.onload = function() { var pageURL = document.location.href; var SBlinkRegEx = /(.*)(\/#\/)(.*)/;
<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>
window.onload=函数(){
var pageURL=document.location.href;
var SBlinkRegEx=/(.*)(\/\\/)(.*)/;
var SBlinkRegExCG=SBlinkRegEx.exec(pageURL);
if(SBLINKREGEXG){
var SBhashtag=“#”+SBlinkRegExCG[3];
警报(SBhashtag);
$(SBhashtag).trigger('click');
}
}
此代码适用于除可单击div之外的所有链接。他们表现出一些奇怪的行为。当人们浏览到mysite.com并点击一个可点击的页面时,它会在阴影框中很好地打开。但是,如果用户导航到mysite.com/#/div123,则阴影框将打开整个页面(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>
//一些内容
谢谢你的时间。想好了
rel="shadowbox[All];player=inline"