0

我有这个页面文章

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

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;">

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

知道我该怎么做吗？

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

4

2 回答 2

3

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

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

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

于 2012-05-14T19:56:29.480 回答
0

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

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

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

$(document).ready(function(){
 $(window.location.hash).show(200);
});
于 2012-05-14T20:17:18.740 回答