Javascript模态窗口代码被重新配置为在页面加载时加载而不是onclick.帮助:)

Javascript modal window code reconfigured to load on page load rather than onclick. Help :)

本文关键字：加载 帮助 onclick 代码 窗口 模态 新配置 配置 Javascript      更新时间：2023-09-26

我有一个js模态窗口，在我的网站上的一个页面上打开一个onclick函数:

<a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 'groupC0', wrapperClassName: 'wide-border', outlineType : 'rounded-white', dimmingOpacity: 0.8, align : 'center', transitions : ['expand', 'crossfade'], fadeInOut: true });" href="/images/phocagallery/thumbs/phoca_thumb_l_jen raymond_067 copy.jpg" title="jen raymond_067 copy">
<img alt="jen raymond_067 copy" src="/images/phocagallery/thumbs/phoca_thumb_m_jen raymond_067 copy.jpg">
</a>

我需要这个触发作为页面加载(不是onclick，如上所述)。我一直在摆弄这个js

<script type="text/javascript">
$(document).ready(function() {
window.location.href = "/images/phocagallery/thumbs/phoca_thumb_l_jen raymond_067 copy.jpg";
});
</script>

但当然它只加载图像(href) -你可以帮助包括类，标题和onclick属性到这个js函数-或者有一个更好的方法?

请把灯给我看看

您可以尝试以下操作(请记住，我不知道这个函数的作用):

 $(document).ready(function(){
    hs.expand($('.highslide'), { 
         slideshowGroup: 'groupC0', 
         wrapperClassName: 'wide-border', 
         outlineType : 'rounded-white', 
         dimmingOpacity: 0.8, 
         align : 'center', 
         transitions : ['expand', 'crossfade'], fadeInOut: true });
    });

这是我能想到的最好的没有查找hs(highlide?) api

试试这个:

$(function() {
    var yourAElement = $('.highslide')[0];
    hs.expand(yourAElement, { slideshowGroup: 'groupC0', wrapperClassName: 'wide-border', outlineType : 'rounded-white', dimmingOpacity: 0.8, align : 'center', transitions : ['expand', 'crossfade'], fadeInOut: true });
});

感谢上面的解决方案，也许我只是不了解JS，但我无法看到我的方式使用，但我确实得到了我想要的使用这个方法:

1)给Anchor标签添加ID 

<a id="autoClick" class="highslide" onClick="return hs.expand(this, { slideshowGroup: 'groupC0', wrapperClassName: 'wide-border', outlineType : 'rounded-white', dimmingOpacity: 0.8, align : 'center', transitions : ['expand', 'crossfade'], fadeInOut: true });" href="/images/phocagallery/thumbs/phoca_thumb_l_jen raymond_067 copy.jpg" title="jen raymond_067 copy">
    <img alt="jen raymond_067 copy" src="/images/phocagallery/thumbs/phoca_thumb_m_jen raymond_067 copy.jpg">
</a>
2)加载JQuery(如果没有) 3)添加此函数 
$(document).ready(function() {
    $('#autoClick').click();
});
相关文章：