Событие клика JQuery не запускается для ввода в шаблон моего редактора

Question

У меня есть объект со следующими атрибутами

 public class DimensionElement
{
    public string Element { get; set; }
    public string Term { get; set; }
}

Затем я создал шаблон редактора для использования в частичном представлении. Ниже приведен редактор шаблонов.

DimensionElement.ascx

    <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Navigate.Domain.Entities.DimensionRepresentationEntities.DimensionElement>" %>

<input type="button" id="<%:Model.Term%>" value="<%:Model.Element%>" class="dimensionElement" style="width: 100px"/>

Here is another template to deal with an IEnumerable of dimensionElement:

DimensionElements.ascx

    <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Navigate.Domain.Entities.DimensionRepresentationEntities.DimensionDescriptions>" %>
<table>
<tr>
<% var counter = 0; %>
<% foreach (var dimElement in Model.DimensionElements)
   { %>
   <td>
      <%:Html.EditorFor(m => dimElement)%>
   </td>

   <% counter++;
      if (counter == 5)
      {%>
        </tr><tr> 
      <%
          counter = 0;
      }
   } %>
</tr>
</table>

А теперь фрагмент из моего частичного представления:

 <%:Html.EditorFor(x => Model.DimensionElements)%>

<script type="text/javascript">
      $(document).ready(function () {  
        $('.dimensionElement').click(function () {

            alert(this.val() + " clicked");

        });
    });

</script>

Мой вопрос: мне интересно, почему я не могу запустить функцию щелчка. Я смотрю на источник и класс прикреплен к каждой из моих кнопок.

Answer 1

Попробуйте это:

alert($(this).val() + " clicked");