使div可點擊並使用CommandName =「選擇」

Question

下面的代碼工作正常，當我點擊LinkButton選擇將被解僱。

但是我在div上有一個懸停樣式，所以如果鼠標進入，它會改變顏色。這讓用戶感到困惑，因爲當他們點擊div時什麼也沒有發生，只有當他們點擊LinkButton。

我想在用戶點擊div時觸發CommandName="Select"。我怎樣才能做到這一點？

<ItemTemplate> 
    <div class="Card"> 
     <h4> 
      <asp:LinkButton ID="SelectButton" Text='<%# Eval("Name") %>' CommandName="Select" runat="server"/> 
     </h4> 
     <asp:Label runat="server" Text='<%# Eval("date") %>' /> 
     <asp:Label runat="server" Text='<%# Eval("location") %>' /> 
     <br /> 
    </div> 
</ItemTemplate> 

Answer 1

我固定我的問題點擊觸發按鈕的點擊事件。現在整個div可點擊DataList。

<ItemTemplate> 
    <asp:LinkButton CommandName="Select" runat="server"> 
     <div class="Card"> 
      <h4> 
       <asp:Label runat="server" Text='<%# Eval("Name") %>'></asp:Label> 
      </h4> 
      <asp:Label runat="server" Text='<%# Eval("date") %>' /> 
      <asp:Label runat="server" Text='<%# Eval("location") %>' /> 
      <br /> 
     </div> 
    </asp:LinkButton> 
</ItemTemplate> 

Answer 2

可以使用jquery被放置在LinkButton外div在DIV上

$("#Card").click(function(){ 
    $("[id$=SelectButton]").trigger('click'); 
});