在瀏覽頁面觸發jQuery的Click事件

我有以下導航：在瀏覽頁面觸發jQuery的Click事件

<ul id="chooseType" class="chooseType"> 
<li><a id="active" href="#" title="" class="active selected">Active</a></li> 
<li><a id="inactive" href="#" title="" class="inactive">Inactive</a></li> 
</ul>

有了這個腳本：

 <script th:inline="javascript"> 
          /*<![CDATA[*/ 
          $(document).ready(function() { 

           $('#active').click(function(){ 
            $('#active').addClass('selected'); 
            $('#inactive').removeClass('selected'); 
            $('#activeList').show(); 
            $('#inactiveList').hide(); 
           }); 
           $('#inactive').click(function(){ 
            $('#active').removeClass('selected'); 
            $('#inactive').addClass('selected'); 
            $('#activeList').hide(); 
            $('#inactiveList').removeClass('hidden'); 
            $('#inactiveList').show(); 
           }); 
          }); 
          /*]]>*/ 
     </script>

我需要能夠直接導航到非活動視圖點擊單獨頁面上的鏈接。如何觸發（'#inactive'）。點擊從不同頁面上的鏈接訪問頁面？爲了空間和簡單性，不包括要顯示/隱藏的div。

編輯：失蹤}）;爲了清楚起見，我無意中刪除了一些不相關的代碼。

來源

2013-10-08 user1325194

只是做'$（ '＃無效'）。點擊（）'或'$（ '＃無效'） .trigger（'click'）' – PSL

你似乎缺少'}）;' –

你能提供一些關於什麼指定「單獨頁面」的更多細節嗎？你只是試圖在加載頁面時觸發'（'#inactive'）。click'處理程序，或者僅在頁面由於*特定鏈接*被加載而被加載時觸發？在後一種情況下，傳遞url參數並在頁面加載時檢查它的存在可能很簡單。 –

IMO最簡潔的方法是從.click（）處理程序中提取匿名函數，爲它們命名，然後綁定#inactive函數以在加載和.click（）上運行，如下所示：

    $(document).ready(function() { 
         var active = function(){ 
          $('#active').addClass('selected'); 
          $('#inactive').removeClass('selected'); 
          $('#activeList').show(); 
          $('#inactiveList').hide();}; 
         var inactive = function(){ 
          $('#active').removeClass('selected'); 
          $('#inactive').addClass('selected'); 
          $('#activeList').hide(); 
          $('#inactiveList').removeClass('hidden'); 
          $('#inactiveList').show();}; 

         $('#active').click(active); 
         $('#inactive').click(inactive); 
         inactive(); 
        });

來源

2013-10-08 19:13:15

在每個函數結束時輸入錯字，看看關閉的'）'。我同意，這是最乾淨的方式。 –

固定，謝謝！ –

如果您點擊從特定位置到頁面的鏈接，爲頁面提供GET值。

比方說，以下是從特定的位置有問題您當前的錨點元素

<a href = "mydestinationpage.php">Click me</a>

將其更改爲

<a href = "mydestinationpage.php?from=1">Click me</a>

在目標頁面，搶GET值

$from_value = $_GET["from"];

然後查找您的JavaScript中的值

var from_value = "<?php echo $from_value; ?>"; 
if(from_value != "" && from_value != null){ 
    $('#active').removeClass('selected'); 
      $('#inactive').addClass('selected'); 
      $('#activeList').hide(); 
      $('#inactiveList').removeClass('hidden'); 
      $('#inactiveList').show(); 
    }

如果提供了GET值，則會執行有問題的JavaScript代碼。如果沒有GET價值，什麼都不會發生

我假設你正在使用PHP用此溶液

來源

2013-10-08 19:32:27

在瀏覽頁面觸發jQuery的Click事件

回答

相關問題