点击其他页面的按钮 - HTML

时间:2016-01-19 10:41:10

标签: javascript jquery html url filter

我需要做什么:

page.com/index有一个按钮,此按钮需要点击来自page.com/PageWhereThereIsExample的示例

<li class="filter" data-filter=".color-1"><a href="#0" data-type="color-1">Example</a></li>

可以&#34;点击&#34;使用URL的示例或类似内容?

过滤模板:https://codyhouse.co/demo/content-filter/index.html

1 个答案:

答案 0 :(得分:0)

HTML是无状态的,所以如果你想点击索引上的按钮然后重定向到PageWhereThereIsExample并自动点击示例你必须存储按钮应该以某种方式点击的信息。您可以使用GET参数或HASH将此信息存储在URL中。但仍然在PageWhereThereIsExample上,您必须检查URL,然后使用JavaScript模拟“点击”。

索引页链接:

<a href="page.com/PageWhereThereIsExample#0">Example</a>

PageWhereThereIsExample过滤器项目:

<li class="filter" data-filter=".color-1"><a href="#0" data-type="color-1">Example</a></li>

使用jQuery的PageWhereThereIsExample JavaScript:

$(document).ready(function() {
     var hash = window.location.hash;
     if (hash) {
          $('a[href="'+hash+'"]').click();
     }
});

您的问题的其他解释可能是您要在两个浏览器页面/标签之间发送消息。在这种情况下,我建议您查看以下问题:Accessing the content of other tabs in browser