2016-07-25 186 views
-4

真的很想想办法解决这个问题。我曾经以为锚链接可能会有所帮助(使用链接末尾的#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(); 
    }); 
    }); 

所以当其中一个链接被点击的网页上,例如,在“什么是电子贝特?链接,我希望它转到其他页面,然后单击相应的选项卡,显示该部分的内容。这可能吗?提前致谢。

+2

你必须有浏览器到浏览器的通信,唯一的方法就是使用websockets。 –

+0

你有没有看到这个:http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_menu_list-inline&stacked=h – Avishake

+0

@Avishake有什么相关性呢?此外,朋友不让朋友使用W3Schools –

回答

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 
     } 
    }) 
0

好吧,如果你可以使用PHP,那么这的确是很容易的:

首先,你需要创建一个PHP文件,明显有输入参数,首选项,两个GET变量,第一个是你想要访问的页面的链接,第二个是可以的,这取决于你想要它如何,它可以是一个div id或div类或几乎任何你想要点击第二个网站(你必须知道你想要哪个按钮/链接点击第二个站点上)

然后先在你的PHP代码,这两个东西存入变数,让我们$Path$DivToClick

现在,使用这个PHP函数:

file_get_contents(path,include_path,context,start,max_length) 

在这里,路径是必填字段,其余都是可选的..然后在这之后,呼应一个jQuery代码会做这样的事情

function ClickTheButton() 
{ 
$('#divId').click(); 
} 

现在,让我解释一下我们在这里做什么......首先,您将链接发送到一个php脚本,该脚本获取该网页的所有内容并将其显示在屏幕上,然后在回显JQuery代码时,你告诉浏览器,是的,这是页面的一部分,执行它并模拟点击这个页面的动作,因此点击动作是模拟的,事情根据你的需要完成...

希望这有助于...:)