Question

这是一个谷歌似乎没有答案的问题。我有2页：第1页＆amp;页-2。

第2页有一个元素＆amp;切换按钮框，包含以下代码：

 <ul>
<li><button class="button is-checked" data-filter="*">All</button></li>
<li><button class="button" data-filter=".a1">a1</button></li>
<li><button class="button" data-filter=".b1">b1</button></li>
<li><button class="button" data-filter=".c1">c1</button></li>
<li><button class="button" data-filter=".d1">d1</button></li>
</ul>

SELECT CODE：

<select class="form-control filters-select" style="border-radius:0">
<option value="*">All</option> 
<option value=".a2">a2</option>
<option value=".b2">b2</option>
<option value=".c2">c2</option>
</select>

第2页中的上述2个元素，使用jQuery同位素来过滤数据。现在，如果我必须在第1页中使用href，则链接到第2页，以便在单击时打开第2页，使用选中的选项或选中的按钮。

怎么做？

里面的代码是什么：

<a href"">

谢谢Tons

Answer 1

仅使用href链接无法做到这一点。但是，您可以输入如下链接：

使用javascript

https://www.google.com/complete/search?client=chrome-omni&q=test

并在onload函数中使用javascript捕获查询：

<a href="page2.php#selectAll">

使用PHP

var whatToDo = window.location.hash.substr(1);
//depending of whatToDo is, select something.

并捕获php中的<a href="page2.php?select=All">变量以选择内容。

GET

Answer 2

这是一个未经测试但应该让你开始。使用URL参数，您可以从第1页向第2页发送数据，这也可以在PHP中完成。

第1页：

<a href="page2.html?button=a1&select=a1">Page 2</a>

第2页：

$( document ).ready(function() {
    var vars = {};
    window.location.href.replace( 
        /[?&]+([^=&]+)=?([^&]*)?/gi, // regexp
        function( m, key, value ) { // callback
            vars[key] = value !== undefined ? value : '';
        }
    );

    $('[data-filter="'+ vars['button'] +'"]').addClass('is-checked');
    $('select > [value="'+ vars['select'] +'"]').attr('selected');
});

Answer 3

谢谢大家。我终于解决了。它是通过使用-jQuery isotope hash history / URL hash来完成的。

将href链接到其他页面选定的下拉选项值

3 个答案: