jQTouch。通过ajax重新加载附加的div

Question

在jQT AJAX demo(main/index.html)中，链接在加载前没有#sign。

<a href="ajax.html">GET Example</a>

加载后变成如下图，替换为ajax.html中的div id。并将加载的 id 为 'get' 的 div 附加到页面。

<a href="#get">GET Example</a>
...
<div id="get" >...</div>

我想知道如何像第一次那样删除和重新加载或替换 div。如果该页面是动态生成的，则该页面可能会发生变化。 或者是否有任何其他方法不附加 div，不将链接更改为 '#...' 并保持原样？

Answer 1

HTML：

<a href="#" class="get_btn">GET Example</a>
<div id="get"></div>

jQuery :

$('.get_btn').on('click',function(){
   $.ajax({
     url:'ajax.html',
     type:'GET',
     success:function(html){
       $('#get').html(html);
     }
   });
});

如果您仍想使用您的 HTML，请将 $('.get_btn') 更改为 $('a[href="#get"]')