Сделать div clickable и использовать CommandName = «Выбрать»

Question

Этот код ниже работает нормально, когда я нажимаю на LinkButton, выбор будет уволен.

Однако у меня есть стиль наведения на div, так что он изменит цвет, если мышь входит. Это запутывает пользователей, потому что, когда они нажимают на div, ничего не происходит, только когда они нажимают на LinkButton.

Я хочу, чтобы CommandName="Select" срабатывал, когда пользователь нажимает кнопку div. Как я могу это сделать?

<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

Я установил мои вопросы, помещая LinkButton вне div. Теперь весь 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, чтобы вызвать событие щелчка кнопкой по щелчку DIV

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