jQuery live事件替换锚标记上的内部HTML

Question

我有以下功能，但是当用户按下“更多”<a>标签（虽然被设置为按钮）时，它会在其中放入一个加载的gif，但是从用户点击按钮到图像出现是显而易见的。差不多1秒钟让它看起来很难看。

看起来它删除了内部HTML有一个思考然后填充图像。可能是花时间寻找图像还是什么？

<script type="text/javascript">
        /* <![CDATA[ */
        $(document).ready(function() {

            $('#blogEntryList #moreLink').live("click", function() {

                $(this).html("<img src='../../Content/_layout/images/ajax-loader.gif' />");

                return false;
            });

        });
        /* ]]> */           
    </script> 

Answer 1

如果这就是所有代码，那么很可能需要花时间来提供图像。

最好将图像加载为隐藏，然后在需要时显示/隐藏