gpt4 book ai didi

javascript - 如何让现有的 jQuery 选择将 html 作为字符串插入到 div 中

转载 作者:行者123 更新时间:2023-11-28 07:44:21 26 4
gpt4 key购买 nike

我有这样的 jQuery 代码,它使用类名作为文档中已存在的选择器:

jQuery(".rego-close").click(function(){
//on-click events
});

然后我有一个 ajax 请求,它生成一个大的复杂 html 字符串,并通过 html() 函数将其放入 div 中:

jQuery.ajax({
type: "POST",
url: "outputscript.php?event_id="+var1+"&course_id="+var2,
dataType: "html",
success: function(data, textStatus, jqXHR){
jQuery("#data_target_div").html(data);
//outputs stuff like: "<div class='something' id='something1'><div><a href='#' data-customAttribute='monkey'>Complex html</a><i>stuff</i></div></div>"
}
});

html 正确加载到 div 中,但是我的 jQuery 选择器不会定位新生成的 html 中的内容。

过去我使用事件委托(delegate)来定位新内容,例如:

$('.container').on('click','.remove',function(){
alert("remove");
});

但是我的代码太多了,无法回去重写所有内容。

有没有一种简单的方法可以将大型、多嵌套的 HTML 字符串添加到 DOM,以便现有的 jQuery 代码能够定位其中的元素?

谢谢

最佳答案

看看这个黑客是否有效 -

jQuery.ajax({
type: "POST",
url: "outputscript.php?event_id="+var1+"&course_id="+var2,
dataType: "html",
success: function(data, textStatus, jqXHR){

var scr = '<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>'; //jQuery library
jQuery('body').prepend(scr); //recall library

jQuery("#data_target_div").html(data);
//outputs stuff like: "<div class='something' id='something1'><div><a href='#' data-customAttribute='monkey'>Complex html</a><i>stuff</i></div></div>"
}
});

关于javascript - 如何让现有的 jQuery 选择将 html 作为字符串插入到 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27615056/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com