Question

嗨我将一个页面重定向到另一个页面......这是我的代码

 <div class="dash-mdt-details l2">
 <div class="dash-md-tab-row l2 pull-right">
 <a href = "modules.html">   <i class="ico-charcoaldash pull-left">&nbsp;</i>Network 1
 </a> </div>
  <div class="dash-md-tab-row l2 pull-right">
  <a href = "modules.html">   <i class="ico-charcoaldash pull-left">&nbsp;</i>Network 2
    </a>  </div>
    </div>

它已在modules.html中成功重定向，但我想将其重定向到特定的隐藏标记

这是隐藏标记，我想直接从modules.html

打开

 <div class="dash-mdt-details l1" style="display:none; margin-top: 30px;">
  <div class="module-row module-tab module-details pull-right" style="font-weight:bold;">
            <b>Details:</b><br>
<div id="module-tab-details" style="color:#cc0000;padding-left:10px;background-color: #f7f7f7;border-top: solid 1px #000000;">
                   Network connection disconnected
    </div>
    <div class="module-tabs-details-description pull-right" style="width: 95%;display: block;">
                     <b>Suggested steps:</b><br>
             <ol style="color:Orange; font-weight=bold;">
             <li><div style="color:black";>Step one to resolve the issue. Try this one first!</div></li>
                                                                <li><div style="color:black";>Second Step to resolve the issue. Try this one first!</div></li>
                                                            </ol><br>
                                                            <img src="images/icons/icon-charcoalarrow.png"> <a href="" data-toggle="modal" data-target="#commentBox">Add Comments &nbsp; <img src="images/icons/icon-chat.png"></a><br>
                                                            <img src="images/icons/icon-charcoalarrow.png"> <a href="" data-toggle="modal" data-target="#fetchData">Update / Test Data</a><br>&nbsp;<br>
                                                        </div>
                                                        <span class="grey-line"></span>
                                                    </div>
                                                </div>

如何在重定向后直接显示隐藏标记的内容？

Answer 1

您在这里不需要Javascript。可以用CSS完成它：

在id中为div的目标modules.html提供divId，说:target，
在modules.html，

<a href="modules.html#divId">

将相关链接更改为#divId:target { display: block; }

CSS（for modules.html）：

display:none; margin-top: 30px;

注意：建议不要使用嵌入式样式。因此，在您的情况下，如果您可以将{{1}}样式移动到该页面的主CSS，那会更好。

Answer 2

注意：请参阅@abhitalks的回答。它更好。

我会在这里走出困境并假设：

当你说＆＃34;重定向＆＃34;你是说＆＃34;链接＆＃34;。（您实际上是在重定向吗？或者您只是意味着您点击了＆＃34;网络1＆＃34;链接并转到modules.html？）
当你说＆＃34;隐藏标签＆＃34;你的意思是隐藏的<div>（display: none;）

因此，您要问的是：

如何在链接到页面时立即显示隐藏的div？

如果这是你的意思，你可以这样做：

首先：将您的链接更改为<a href="modules.html#show">...</a>

第二：在modules.html页面上放一点javascript：

$(document).ready({
   if (window.location.hash == "#show") {
      $(".dash-mdt-details").show();
   }
});

这会检查网址，看看最后是否有#show。如果是，则会显示隐藏的div。

注意：您可以将#show更改为您想要的任何内容。只需在两个地方改变它。您还可以通过在每个链接中传递不同的#whatever来定位不同的元素。

Answer 3

您需要在查询字符串中传递DOM信息。如下所示：

modules.html?showele=dash-mdt-details

并在第2页的dom中，显示隐藏元素并使用以下方式滚动到该元素：

$("."+$.url().param('showele')).show();
$('html,body').animate({scrollTop: $(".'+$.url().param('showele')+'").offset().top},'slow');

如何在重定向后显示另一个页面的隐藏div

3 个答案: