真的很想想办法解决这个问题。我曾经以为锚链接可能会有所帮助(使用链接末尾的#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();
});
});
所以当其中一个链接被点击的网页上,例如,在“什么是电子贝特?链接,我希望它转到其他页面,然后单击相应的选项卡,显示该部分的内容。这可能吗?提前致谢。
你必须有浏览器到浏览器的通信,唯一的方法就是使用websockets。 –
你有没有看到这个:http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_menu_list-inline&stacked=h – Avishake
@Avishake有什么相关性呢?此外,朋友不让朋友使用W3Schools –