Javascript Ajax追加新数据,但链接不起作用
我有类似的想法:Javascript Ajax追加新数据,但链接不起作用,javascript,jquery,ajax,Javascript,Jquery,Ajax,我有类似的想法: $('.new-post').on('click', function(e) { e.preventDefault(); $.ajax({ url: '/somehting' data: {my data}, ...etc, success: function(data) { $.get('template.html', function(h) { var el = $(h); el.find(
$('.new-post').on('click', function(e) {
e.preventDefault();
$.ajax({
url: '/somehting'
data: {my data},
...etc,
success: function(data) {
$.get('template.html', function(h) {
var el = $(h);
el.find('items').text('texts...');
el.appendTo('.myElement');
});
}
});
});
我正在使用ajax发布一篇新文章,我希望在将其保存到服务器后,它会被附加到现有文章列表中
它工作得很好,但如果我点击我使用html模板附加的链接,似乎什么都不起作用
也许我用了一个错误的策略,所以我需要你的帮助
我在success
方法中使用了$.get
,以获得一个html模板,在该模板中插入要附加的新帖子数据。我知道$.get
是异步的,但由于某些原因,它在我不刷新页面之前无法工作
编辑(HTML)
-
-
我不知道您到底附加了什么,但如果您附加了包含
的内容,则链接应该可以工作。相反,如果你想模拟你的链接,假设你有这样的想法点击这里
你应该添加一个jQuery事件:
el.find("span.myclass").click(function(){
//do something
})
我知道我知道你想做什么。如果你想在Ajax调用后执行它,你必须在
success
处理程序中添加重新绑定:
success: function(data) {
elem.replaceWith(data);
$('.actions').bind('click', /* some function needs to go here*/);
}
检查以下链接
[1] :
[2]:
[3]:
[4] :
“似乎什么都没用”是一个非常模糊的问题陈述。你希望这些链接做什么,会发生什么?(例如:您是否希望触发与链接相关的事件处理程序?如果是,则为您准备。)我希望链接转到页面。。。这是一个链接,但不会触发<代码>a href=”http://www.google.com“它不起作用。即使我希望打开一个模式,它也不起作用。有什么样的链接=>发布问题中呈现的html?html已添加到帖子中。在我不刷新页面之前,这两个操作链接都不起作用。好了,当使用ajax将数据加载到站点时,没有jquery绑定。您需要做的是注册内容的操作。
success: function(data) {
elem.replaceWith(data);
$('.actions').bind('click', /* some function needs to go here*/);
}