javascript - Ajax.BeginForm OnSuccess 不会使 CSS 转换正常工作

Question

抱歉，如果标题有点含糊。

这是我的 View ，我想在单击左键或右键时创建一个过渡。但是，转换不起作用，因为据我所知，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" value=@(Model.PagingInfo.CurrentPage+1)>&lsaquo;</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" value=@(Model.PagingInfo.CurrentPage-1)>&rsaquo;</button>

        }


        .comment-item-panel {
            right: 999em;
            transition: right 1s;


 }

Answer 1

Ajax.BeginForm OnSuccess 无法使 CSS 转换正常工作 - 试试这个

http://csharp-video-tutorials.blogspot.in/2013/09/part-95-onbegin-oncomplete-onsuccess.html