真的很难想到解决这个问题的方法。我认为锚链接可能会有所帮助(使用链接末尾的#example滚动到页面上的某个位置),但不确定如何最好地实现它们。
因此,在我网站的主页上,我有一个链接列表,与其他页面上的标签相关。
主页上的链接: (什么是电子贝特,什么是回扣等) Links
当您单击其他页面上的其中一个选项卡时,它会激活一个脚本,该脚本会在下面显示某个div: Tabs
这是标签的显示方式:
HTML:
<div class="page-links">
<ul>
<li><a href="#" onclick="return false;" class="whatebate">What is e-Bate?</a></li>
<li><a href="#" onclick="return false;" class="whatrebate">What are rebates?</a></li>
<li><a href="#" onclick="return false;" class="ebatefeat">e-Bate features</a></li>
<li><a href="#" onclick="return false;" class="howebate">How e-Bate works</a></li>
<li><a href="#" onclick="return false;" class="casestud">Case studies</a></li>
</ul>
</div>
<div class="page-contents">
<div id="whatebate" class="hideshowdiv">
<?php echo CFS()->get('whatisebate'); ?>
</div>
<div id="whatrebate" class="hideshowdiv">
<?php echo CFS()->get('what_are_rebates'); ?>
</div>
<div id="ebatefeat" class="hideshowdiv">
<?php echo CFS()->get('e_bate_features'); ?>
</div>
<div id="howebate" class="hideshowdiv">
<?php echo CFS()->get('how_e_bate_works'); ?>
</div>
<div id="casestud" class="hideshowdiv">
<?php echo CFS()->get('case_studies'); ?>
</div>
</div>
jQuery的:
jQuery(document).ready(function() {
jQuery(".page-contents div.hideshowdiv").hide();
// Show chosen div, and hide all others
jQuery("a").click(function (e)
{
//e.preventDefault();
jQuery("#" + jQuery(this).attr("class")).fadeIn().siblings('div.hideshowdiv').hide();
});
});
因此,当在主页上点击其中一个链接时,例如,什么是电子贝特?&#39;链接,我希望它转到其他页面,然后单击相应的选项卡,显示该部分的内容。这可能吗?提前谢谢。
答案 0 :(得分:0)
这是非常可能的,并且你有一半的方程与锚。现在,您只需要编写一个小函数来解析URL并检查某个标记。
这样的事情:
$(function(){
if (location.href.indexOf("#example") != -1) {
//This is where you put your function to show the tab
}
if (location.href.indexOf("#anotherexample") != -1) {
//This is where you put your function to show the tab
}
})
答案 1 :(得分:0)
好吧,如果你可以使用PHP,那确实很容易:
首先,您需要创建一个PHP文件,显而易见,带有输入参数,首选项,两个GET
变量,第一个是您要访问的页面的链接,第二个可能是,这取决于你想要它是什么,它可以是一个div id,或div类或几乎任何你想在第二个站点上点击的id(你必须知道哪个按钮/链接你想点击第二个网站)
然后首先在你的PHP代码中,将这两个东西存储到变量中,让我们采用$Path
和$DivToClick
,
现在,使用这个PHP函数:
file_get_contents(path,include_path,context,start,max_length)
这里,路径是必填字段,其余都是可选的..然后,回显一个JQuery代码,它将执行类似这样的操作
function ClickTheButton ()
{
$('#divId').click ();
}
现在,让我解释一下我们在这里做了什么...首先,你发送链接到一个php脚本,获取该网页的所有内容并将其显示在我的屏幕上,然后当你回应JQuery代码,你告诉浏览器,是的,这是页面的一部分,执行它并模拟点击此页面的操作,因此点击操作被模拟,并根据您的需要完成事情... < / p>
希望这有助于......:)