Question

我有这个页面articles

在此页面中，我左侧有导航链接，右侧有内容加载。

function showonlyone(thechosenone) {
 $('div[name|="newboxes"]').each(function(index) {
      if ($(this).attr("id") == thechosenone) {
           $(this).show(200);
      }
      else {
           $(this).hide(600);
      }
 });
}

我的导航看起来像这样

<ul>
        <li><a id="myHeader1" href="javascript:showonlyone('articles');" >ARTICLES</a></li>
        <li><a id="myHeader1" href="javascript:showonlyone('whitepapers');" >WHITE PAPERS</a></li>
        <li><a id="myHeader1" href="javascript:showonlyone('brochures');" >BROCHURES</a></li>
    </ul>

我的内容在div中，如下所示

<div id="articles" name="newboxes" style="display:none;">
<div id="whitepapers" name="newboxes" style="display:none;">
<div id="brochures" name="newboxes" style="display:none;">

这个页面基本上是一个内部页面。我有一个主页，我希望链接到每个部分，所以我想要的部分已经显示，所以用户不必再次点击。

知道我是怎么做到的吗？

感谢您的帮助，如果我没有使用正确的术语，我会道歉。

Answer 1

如果我很好理解你的问题，请在页面“文章”上调用showonlyone函数

$(function() { // DOMready
   showonlyone('articles');
});

并为每个内部页面重复此代码，更改参数

Answer 2

从你的问题中我理解的是...... 你在主页上有链接..
当用户单击这些链接时，您希望在打开内部页面时已经打开该特定部分比如当用户点击“文章”然后在内部页面中文章div 应该是可见的为此，您必须以下列方式使用哈希标记

在你的主页上.. 提供带有这样的哈希标记的链接

http://agencystudy.com/eic/microsites/microsites-02/articles.html#articles

然后在文档就绪事件的内页中

$(document).ready(function(){
 $(window.location.hash).show(200);
});

如何将javascript / jquery函数从一个html页面传递给另一个html页面

2 个答案: