javascript - 加载功能onclick

我有以下代码

<a onclick="$('#result').load('codes/test.html');$('#result').show();" >XHTML code</a>

它将test.html的内容完美地加载到结果div中，并使它可见。到目前为止，一切都很好。当我尝试添加功能prettyPrint()时，该功能在文本上进行了一些修改并将代码更改为以下内容：

<a onclick="$('#result').load('codes/test.html');$('#result').show();prettyPrint();" >XHTML code</a>

我无法使prettyPrint（）正常工作，但是，如果我添加onmouseout="prettyPrint();，则当我移开光标时它将正常工作。我没有使用javascript和jquery的经验，所以我不知道真正的问题是什么，因此，我将感谢您提供有关如何使prettyPrint正常工作的任何帮助。

最佳答案

如果您使用的是jQuery，为什么还要麻烦内联Javascript？为什么不：

<script type="text/javascript">
$(function(){
    $('#myLink').click(function(){
        $('#result').load('codes/test.html', function() {
            $('#result').show();
            prettyPrint();
        });

        return false;
    });
}):
</script>

<a id="myLink" href="#">XHTML code</a>

编辑：

固定代码，因此在调用加载回调时会调用prettyPrint()。