单击具有特定 ID 的 div 时的 Javascript 重定向答案

【问题标题】：Javascript redirect when clicking on a div with a certain id单击具有特定 ID 的 div 时的 Javascript 重定向
【发布时间】：2013-06-26 15:31:21
【问题描述】：

以下是我需要帮助的示例：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>

【问题讨论】：

您使用 jquery 还是替代方法？或者你想要一个纯js的解决方案。你能给我们看一些代码吗？
您可能想先看看 Jquery，例如它的 sliding effects
这里是代码：
阅读更多关于平屋顶
当点击 id“displaytext”时，我希望重定向到不同的页面。谢谢。

标签： javascript html redirect dom-events

【解决方案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

【讨论】：

谢谢。我会试一试。

【解决方案2】：

您可能正在寻找 javascript 函数 setTimeout。

setTimeout(function(){ window.location.href = "http://somehwereblahblah"; }, 10000);

【讨论】：

绝对不是，尽管在您点击问题中的链接之前还不清楚......
感谢您的回复。让我与您分享代码：
阅读更多 ABOUT FLAT ROOFING
虽然你是在正确的轨道上，我希望在单击 id "displaytext 时重定向；而不是当窗口位于某个链接上时。谢谢

【解决方案3】：

您可以使用 setTimout 函数延迟执行代码。点击“click”div 10 秒后链接到 google.com 的示例：

<div onclick='setTimeout(function(){window.location = "http://www.google.com"}, 10000)'>Click</div>

【讨论】：

【解决方案4】：

我认为你可以使用 settimeout 功能。例如：

setTimeout("location.href = 'http://insert-target-url';",1500);

setTimeout 需要两个参数。首先是将要执行的动作。它可以是简单的重定向命令，也可以是事件函数。第二个是以毫秒为单位的延迟。

希望对你有所帮助。

【讨论】：

阅读更多 关于平屋顶

阅读更多 ABOUT FLAT ROOFING

阅读更多关于平屋顶