点击链接后,点击另一个页面上的链接?

时间:2016-07-25 14:02:42

标签: javascript php jquery html css

真的很难想到解决这个问题的方法。我认为锚链接可能会有所帮助(使用链接末尾的#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;链接,我希望它转到其他页面,然后单击相应的选项卡,显示该部分的内容。这可能吗?提前谢谢。

2 个答案:

答案 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>

希望这有助于......:)