【问题标题】:How to target a url to display; block when default is display; none如何定位要显示的网址;默认为显示时阻止;没有
【发布时间】:2019-11-16 06:24:22
【问题描述】:

我使用 jquery 继承了一个编码如下的站点,以指定一个扩展器函数来切换站点的主要部分从默认关闭位置打开(src 扩展图像是小彩色箭头)。
默认情况下,这些部分使用“display: none;”关闭。和主要部分有嵌套在其中的次要部分,默认情况下类似地切换关闭。
基本结构如下。
网站上的切换工作正常 - 默认情况下关闭部分,但通过单击标题在打开和关闭之间切换。现在我想提供将“显示:阻止”的网址对于使用主题标签到小节的 URL 目标(例如下面示例中的“mainpageurl#policy1”)。主题标签不起作用 - URL 将直接转到所有部分关闭的主页;不会打开目标。
谁能提供一个简单的解决方案?是否可以不完全重写代码?也许这是不使用显示的经典示例;没有?

<!-- <script src="https://code.jquery.com/jquery-1.10.2.js"></script> --> 
<script src="https://code.jquery.com/ui/1.11.0/jquery-ui.js"></script> 
<script type="text/javascript">
    $jq(function() {
        $jq(".expander").click(function(){
          $jq(this).next('div').toggle();
        });
    });

<h1 class="expander"><src-arrow-image-here /><a> Policies</a></h1> 
 <div id="policies" style="display: block;">
<h2 class="expander"><src-arrow-image-here /><a> Policy 1</a></h2> 
<div  id="policy1" style="display: none;">
<p>Content - this is the first policy.</p> 
</div>
<h2 class="expander"><src-arrow-image-here /><a> Policy 2</a></h2>
<div  id="policy2" style="display: none;">
<p>Content - this is another policy.</p>
</div></div>

【问题讨论】:

    标签: javascript jquery display target expander


    【解决方案1】:

    Javascript 解决方案将在页面内容加载后解析 window.location.hash 和 jQuery show() 目标元素。

    【讨论】:

      【解决方案2】:

      window.location.hash 将从 URL 中获取哈希参数,您可以使用它来切换相关部分,如下所示:

      const sectionID = window.location.hash; // will give sectionID with hashtag.
      
      $(sectionID).show()
      

      【讨论】:

      • 虽然您的代码可能会回答作者的问题,但您应该简要说明您做了什么以及为什么
      • 感谢您编辑 Revati 并帮助 @Alex。现在可能很明显——我不是编码员,几乎不知道我在做什么。我尝试将其添加到代码标题中,但没有成功: 如果您能提供任何进一步的提示,我们将不胜感激!
      • @nancy 尝试将 $(policy1).show() 替换为 $jq(policy1).show(),因为您使用的是旧版本的 jquery。
      • @giuseppedeponte 我认为我的笔记已经足够清楚了,我将再次编辑帖子并进行解释。
      • 对不起,我无法让它工作 - @Liad 非常感谢你的帮助!
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-05-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-10-17
      • 1970-01-01
      相关资源
      最近更新 更多