jQuery 和jqTouch - ajax.load 问题

Question

我认为我的问题更多地在于我的方法并且更多地应用于jquery，但是这里发生了一些奇怪的事情。

我正在使用 jQuery & jqTouch.我的 html 是：

<div id="home" class="current">
    <div class="toolbar">
        <h1>Header</h1>
    </div>
    <ul class="rounded">
        <li class="arrow"><a href="#currentloc">Current Location</a></li>
    </ul>       
</div>
<div id="currentloc">
    <div class="toolbar">
        <h1>Nearby</h1>
    </div>
</div>

我想做的是，当用户单击当前位置链接时，在 pageAnimationEnd 上我想加载一个页面并将其附加到 #currentloc。这是我的代码：

$('#currentloc').bind('pageAnimationEnd', function(e, info){
    $(this).load('results.php');
});

如您所见，这将完全替换#currentloc 的内容。我不确定如何附加 results.php 的内容而不替换已有的内容。我已经考虑过将 ajax 加载请求放在append: 中，

$(this).append(load('results.php'));

但这完全不起作用...

知道该怎么做吗？

更新

我尝试过的一件事虽然有效但感觉有点笨拙，但

$('#currentloc').bind('pageAnimationEnd', function(e, info){
 $(this).append('<ul></ul>');  
 $(this).find('ul').load('results.php');
});

感觉有一个更好的解决方案。

Answer 1

jquery 中的 load 函数会替换内容，因此如果您希望保留当前内容，则必须创建另一个元素。
如果删除对 find 函数的调用，则可以使代码更短一些。

$('#currentloc').bind('pageAnimationEnd', function(e, info){
   $(this).append($('<ul />').load('results.php'));   
});

或者

$('#currentloc').bind('pageAnimationEnd', function(e, info){
   $('<ul />').load('results.php').appendTo(this);   
});