使用javascript关闭灯箱

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

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

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

这是我用来关闭灯箱的功能,发现它在Google上进行了搜索,但是无法正常工作。

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的新手,我在发布我认为灯箱正在打开的部分,抱歉,如果这不是您要求的代码。

<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>
shw8192935 回答:使用javascript关闭灯箱

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

将隐藏灯箱,或者您可以使用适当的课程名称。

本文链接:https://www.f2er.com/1354360.html

大家都在问