Невозможно нажать на изображение внутри тега привязки
Вопрос
У меня есть следующий html:
<a href="javascript:<%# 'js code' %>" class="MyClass">
<div class="HeaderRow" style="vertical-align:middle;text-align:left;height:35px;width:998px;">
<b style="vertical-align:middle;"><%# ((MyObject)Container.DataItem).Name %></b>: <%# ((MyObject)Container.DataItem).ImageSrc%>
</div>
<p style="margin-left:10px;"><%# ((MyObject)Container.DataItem).Notes%></p>
</a>
Отображается правильно. Однако когда я пытаюсь щелкнуть изображение, предоставленное ((MyObject) Container.DataItem) .ImageSrc, ничего не происходит. Если я нажимаю где-либо еще на странице, ссылки работают нормально. Что здесь происходит?
Решение
Почему вы не делаете свое изображение или div кликабельным?
<div class="HeaderRow"
style="vertical-align:middle;text-align:left;height:35px;width:998px;"
onclick="<%# 'js code' %>">
<p style="vertical-align:middle;">
<strong><%# ((MyObject)Container.DataItem).Name %>:</strong>
<%# ((MyObject)Container.DataItem).ImageSrc%>
</p>
</div>
<p style="margin-left:10px;">
<%# ((MyObject)Container.DataItem).Notes%>
</p>
Старайтесь избегать несемантических элементов ( span
, div
, b
, i
, мигать
) при создании html.
Не связан с StackOverflow