提问者:小点点

使用javascript关闭Lightbox


我在我的html5网站上使用lightbox,该网站有lightbox来显示页面部分。

在我的投资组合部分(它是一个已经打开的灯箱)我有我的图片与小预览,在预览中有两个可点击的链接,第一个将打开另一个灯箱与大图片和第二个链接需要关闭投资组合灯箱和打开灯箱为投资组合项目。

我尝试从链接中的href调用JavaScript函数,但没有成功。

这是我用来关闭lightbox的函数,我在搜索它的时候发现它,但是它不起作用。

function processAction(hideElemId, navElemId)
{
    var elemToHide = null;
    alert("closing lightbox function");
    
    try
    {
        elemToHide = document.getElementById(hideElemId);
        elemToHide.setAttribute("style", "display:none"); 

        window.location.hash = navElemId;

    }
    catch(e)
    {
        alert("processAction Error:  " + e.Message);
    }
    finally
    {

    }
}

很抱歉回复太晚了。我是html5的新手,我正在发布我认为lightbox正在打开的部分,如果这不是你问的代码,很抱歉。

<div class="lightbox-wrapper" id="portfolio" name="portfolio" data-simplebar>
<div class="container">
  <div class="lightbox-close">
    <div class="close-btn" data-modal-close="" id="btn_light"><span class="btn-line"></span></div>
  </div>
<div class="row">
    <div class="col-12">
      <div class="lightbox-content">
        <div class="row">
          <div class="col-12">
            <div class="section-heading page-heading">
              <p class="section-description">Showcasing my works</p>
              <h2 class="section-title">Portfolio</h2>
              <div class="animated-bar"></div>
            </div>
          </div>
        </div>
    </div>
</div>

共1个答案

匿名用户

$(“.lightbox”).hide();

将隐藏lightbox,也可以使用适当的类名。