Извините, если Название немного расплывчато.Ajax.BeginForm OnSuccess не делает работу по tranisition CSS
Это мой взгляд, в котором я хочу создать переход при нажатии левой или правой кнопок. Однако переход не работает, поскольку, насколько я понял, обратный вызов OnSuccess
происходит до отображения страницы. Поэтому я не вижу эффекта перехода. Я не мог найти обходной путь, чтобы исправить это :(
<script>
function show() {
document.getElementsByClassName("comment-item-panel")[0].style.right = 0;
}
</script>
@using (Ajax.BeginForm("Comments", null,
new AjaxOptions() { UpdateTargetId = "comm", OnSuccess = "show()" }
, new { @class = "comments" }))
{
<button type="submit" name="page" class="vertical-button vertical-button-right" [email protected](Model.PagingInfo.CurrentPage+1)>‹</button>
<div class="comment-item-panel">
@foreach (var comment in Model.Comments)
{
<div class="comment-item">
<h5>@comment.Commentator.UserName</h5>
<p>@comment.Text</p>
</div>
}
</div>
<button type="submit" name="page" class="vertical-button vertical-button-left" [email protected](Model.PagingInfo.CurrentPage-1)>›</button>
}
.comment-item-panel {
right: 999em;
transition: right 1s;
}
Является ли JQuery вариант? – smoksnes
@smoksnes Я предпочитаю простой javascript, но я думаю, что контекст тот же. так что это может быть полезно –