小编ACa*_*nan的帖子

非常沮丧和尴尬,我无法弄清楚这一点.客户需要网站底部的站点地图,只需单击一下,即可将用户带到该页面中的任何页面和任何选项卡.应该很容易做到,但由于某种原因,我不能把我的大脑包裹起来.在完全诚实的努力下,我是一名艺术家,只有足够的代码知识才是危险的.我不能自己编写JQuery,但是我能够阅读已经编写的内容并了解正在发生的事情.

1. 示例1- Contact.php具有基本功能

2. 示例2- TabTest1.html我能够从stackoverflow的.com问题10616833/link-to-anchor-inside-tabbed-content-from-an-external-link中获取信息并使其正常工作.那里的脚本实际上不起作用(对我来说).花了我一天的时间,但我弄清楚它是什么(括号,像往常一样),你看到的是工作中的信息.不幸的是,它不仅仅插入我现有的代码中.我尝试了几种不同的方法,但我并不完全理解jsfiddle中发生了什么.

3. 示例2- ContactRE.php这是我尝试使用上述问题中给出的代码的最佳尝试.我只是感到不堪重负.您可以单击选项卡并查看它正在执行的操作,但是在单击任何选项卡后,它们都会亮起为已选中,但内容根本不会更改.我怀疑它与"// return false"有关.在"if"语句之前,因为取消注释它会使它全部再次起作用,但仍然无法从外部链接到单个选项卡.当它打开时,似乎ContactRE.php #Social确实链接了,但只有在输入后,按Enter键,等待然后点击刷新.

4. 示例4- index.php您可以看到它与示例1类似,只是一个不同的页面来测试链接.它不起作用.标签内容刚刚消失.

对于示例1,2和4,您可以看到我试图在我自己解决这个问题之前,甚至在点击站点地图所在的"BottomInfo"类中的论坛.当我意识到我认为可行的系统时,Links3就是我开始使用的那个,在Links2中,Links1不会削减它.我只是采用构成选项卡的链接,通过CSS删除样式并制作列表.适用于它的相应页面,但不能在外部链接.

我为那些喜欢它的人创建了一个JSFiddle.我不太擅长理解"嘿,只要加上这个,突然 - 魔术!" 其次是代码片段,除非他们有很好的解释.也许有一天,还没有.http://jsfiddle.net/ANCannan/CfGHp/

下面是我工作的JS,但我不能在URL中使用哈希来外部链接到选项卡

    <script type= "text/javascript"> 
   $(document).ready(function(){
  //  When user clicks on tab, this code will be executed
   $("#tabs li").click(function() {
  //  First remove class "active" from currently active tab
   $("#tabs li").removeClass('active');

  //  Now add class "active" to the selected/clicked tab
   $(this).addClass("active");

  //  Hide all tab content
   $(".tab_content").hide();

  //  Here we get the href value of the selected tab
   var selected_tab = $(this).find("a").attr("href");

  // …