加载函数onclick

如果您使用的是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()

负载是异步的。调用prettyPrint时,文本可能还没有出现。

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

load()接受第二个参数,该参数是加载完成时要调用的函数。我把印刷稿和节目搬到那里去了。

您可以执行以下操作:

$('#result').show("fast",function(){ prettyPrint();});

您应该使用回调函数:

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

.load() 开始 装载并立即返回。因此,你的 prettyPrint 函数在数据尚未加载时被调用。

若要解决此问题,请将回调函数传递给 .load

$("#result").load( '...',
    function() { 
        $("#result").show();
        prettyPrint();
    }
}