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

Question

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

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

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

<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"]')