如何将索引页面重定向到关于我们页面的标签区域?

时间:2014-04-30 09:27:04

标签: javascript jquery html redirect

在我的主页滑块中,每张幻灯片中都有一个阅读更多链接。当我点击阅读更多链接时,它会重定向到" industriessolutions_trial.php"页面,该页面有4个类别。单击该类别时,将显示该类别的详细信息,并且有四个选项卡与上一个类别相同(我使用了有机选项卡插件)。我的问题是如何直接从主页重定向" industriessolutions_trial.php"页???当点击横幅阅读更多链接时,它必须重定向到相应的标签。

这是我的industriessolutions_trial.php

的js代码
$(document).ready(function(e) {
        $("#oil_area").click(function(e){


             $(".offerings_content").hide();
              $("#example-two").show();
               $("#tabOil").trigger("click");
               return false;

        });

        $("#utility_area").click(function(e){


             $(".offerings_content").hide();
              $("#example-two").show();
               $("#tabUtl").trigger("click");
               return false;

        });
        $("#smartbldng_area").click(function(e){
            $(".offerings_content").hide();
              $("#example-two").show();
               $("#tabSmt").trigger("click");
               return false;

        });
        $("#heavy_area").click(function(e){
            $(".offerings_content").hide();
              $("#example-two").show();
               $("#tabHvy").trigger("click");
               return false;

        });
    }); 

这是我的标签插件代码

$(function() {

            $("#example-two").organicTabs({
                "speed": 200
            });

        });

1 个答案:

答案 0 :(得分:1)

尝试以下

$(document).ready(function(){    
  url_params = window.location.hash;  
  tabParams = $('a[href="' + url_params + '"]');
  if (tabParams.length === 0) {
        //Activate first tab
        //Show first tab content
  } else {
      tabParams.click();
  }    
});

示例网址:

http://flutura.com/industriessolutions_trial.php#heavy

当我在firebug控制台中执行(window.location.hash)时.. 我得到标签ID作为结果 - #heavy。

所以你现在有了标签ID,只需使用上面的代码显示标签内容。在你的情况下,你通过点击标签名称上的锚链接显示标签内容。所以我用jquery生成了锚点链接,如果存在哈希就点击它在网址中。

<强>更新

在阅读更多链接时,href是http://flutura.com/industriessolutions_trial.php#heavy_area ..这将打开重区域TAB ..我测试了

industriessolutions_trial页面中的javascript代码:

$(document).ready(function(){    
  url_params = window.location.hash;   
  if (url_params.length === 0) {
        //Activate first tab
        //Show first tab content
  } else {
      $(url_params).click();
  }     
});