Question

我有2页：index.html和contact.html，每个页面都有一个按钮（索引页面的标签）。当我单击联系页面上的按钮时，它应该重定向到索引页面并自动单击索引页面。这可能吗？

这是我的索引页面：

<div id = "wrapper"> 

  <a id="btn-show-content" href="#"></a>

</div>

这是我的联系页面：

<div id = "contact-wrapper">
    <button id="btn-back"></button>
</div>

Answer 1

您可以使用JQuery .trigger()函数。对于您的问题，您希望单击联系页面上的按钮，它会将您重定向到索引页面。当您进入索引页面并加载文档时，将执行此功能。

文档here

(document).ready(function(){
  $('#id').trigger('click');
});

为了消除每次没有使用Index.html而没有自动点击的问题。你可以传递一个值来触发contact.html上的函数，然后在index.html中解析它，找出这个问题的解决方案：

How to pass values from one page to another in jQuery

Answer 2

您可以在联系页面的按钮中添加查询

<div id = "contact-wrapper">
  <a href="index.html#triggerbtn"></a>
</div>

然后，当索引页面加载时，它会触发索引页面中的triggerMe（）函数，你会检查url hash

 <body onload="triggerMe()"></body>
 <script>
    function triggerMe() {
       var check = location.hash;
       if (check == "triggerbtn") {
           //button trigger even though you do not click on it
           $('#btn-show-content').trigger('click');    
       }
    }
 </script>

我假设您只需在联系页面中单击按钮时触发该功能。如果您需要在进入索引页面时进行操作，则可以使用

$(document).ready(function() {
   $('#btn-show-content').trigger('click');
});

在其他页面上单击另一个按钮后自动单击按钮

2 个答案: