如何使可點擊的行鏈接到不同的頁面

Question

我有這一點的工作代碼，但無法弄清楚如何改變它來做我所需要的。

目前，它是一個可點擊行的表，該行鏈接到「authid」頁面，該頁面對應於表中的authid值。

我需要使它仍然鏈接到正確的authid頁面，但我需要刪除authid行。

<tr id="ClickableRow" class="@style"> 
<td>@Html.ActionLink(@auth.AuthID + " - Details", "Details", new { id = auth.AuthID })</td> 
<td>...........</td> 
</tr> 

@section Scripts{ 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('tr#ClickableRow').click(function() { 
      var url = $(this).find('a:first').attr('href'); 
      window.location.href = url; 
     }); 
    }); 
</script> 
    } 

所以目前它的作品要鏈接到正確的頁面，但我無法弄清楚如何使它的鏈接，而無需使用一個：第一種方法，因爲我需要刪除AUTHID行。

我真的很陌生，任何幫助表示讚賞。鏈接到好的視頻或資源也將不勝感激。

Answer 1

在<tr>上使用data-attribute來保存您的目標網址，並導航到您的活動中的該地址。

<tr id="ClickableRow" class="@style" data-authurl="@Url.Action(auth.AuthID + " - Details", "Details", new { id = auth.AuthID })"> 
<td>...........</td> 
</tr> 

@section Scripts{ 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('tr#ClickableRow').click(function() { 
      var url = $(this).data('authurl'); 
      window.location.href = url; 
     }); 
    }); 
</script> 
    }