单击具有特定 id 的 div 时 JavaScript 重定向

Question

以下是我需要帮助的示例:http://www.arbutusroofing.com/roofing-services/

当用户点击“阅读更多”(在每个主题或类别下)时，会弹出包含更多信息的浅灰色框，我希望它在 10 秒内自动重定向到另一个页面。

我知道如何在单击实际链接时重定向到不同的页面，但不知道如何重定向到像这样的某些事件。

下面是一些代码示例:

<h6 id="displayText" style="margin-top: 0px; cursor: pointer;"> 
<u>READ MORE</u> ABOUT FLAT ROOFING 
</h6>

当点击 id“displaytext”10 秒后，我尝试重定向到另一个页面。

此外，如果您想知道的话，这里是切换文本的代码:

<script type="text/javascript"> 

    $(document).ready(function() {
      $("div#toggleText").hide();
      $("h6#displayText").click(function(){
        $(this).toggleClass("active");
        $(this).next("div#toggleText").slideToggle();
      });
    });
</script>

Answer 1

您的JS代码:

   function OpenNewTab(id){
    setTimeout(function(){ window.location.href = "http://yourlinkhere/'+id+'"; }, 10000);

}

HTML:

<div onclick="OpenNewTab(1)">Readmore</div> // here 1 SHOULD BE UNIQUE ID AS PER RECORDS