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