在其他頁面上單擊另一個按鈕后自動單擊按鈕

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()函數。 對於您的問題，您希望單擊聯系頁面上的按鈕，它將帶您重定向到索引頁面。 當您進入索引頁面並加載文檔時，將執行此功能。

這里的文件

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

為了消除沒有自動單擊就無法每次使用Index.html的問題。 您可以傳遞一個值以觸發contact.html上的函數，然后在index.html中對其進行解析，為此請查看此問題的解決方案：

如何在jQuery中將值從一頁傳遞到另一頁

Answer 2

您可以將查詢添加到聯系人頁面中的按鈕

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

然后，當索引頁加載時，它會觸發索引頁中的triggerMe（）函數，您需要檢查url哈希

 <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 個解決方案

解決方案1
1 2015-04-24 03:54:11

解決方案2
1 已采納 2015-04-24 05:30:56

在其他頁面上單擊另一個按鈕后自動單擊按鈕

問題描述

2 個解決方案

解決方案1 1 2015-04-24 03:54:11

解決方案2 1 已采納 2015-04-24 05:30:56

解決方案1
1 2015-04-24 03:54:11

解決方案2
1 已采納 2015-04-24 05:30:56