当前位置: 首页 > 面试题库 >

如何将函数绑定到通过Ajax加载的Element

裘兴思
2023-03-14
问题内容

我的页面上有一些CSS类=“ hello”的Divs。此外,我使用Ajax通过CSS class =“
hello”来获取更多Divs。我有一段代码被称为Divs的Click事件,如下:

$('.hello').click(function(){
  alert("Hello Clicked");
})

从一开始,它就可以与我页面中存在的Divs一起正常工作,但不适用于使用Ajax加载的Divs。为了将这小段代码与新加载的Divs绑定在一起,我需要做些什么吗?


问题答案:

您应该.on用来将处理程序绑定到绑定执行期间已经存在的另一个元素,例如<body>或,document并让它检测子事件。但理想情况下,应将其绑定到已加载内容的最近的公共父级。

演示

//bind to the body a "click" handler for elements that have class names of "hello"
$('body').on('click','.hello',function(){
  alert("Hello Clicked");
})


 类似资料:
  • 问题内容: 我正在使用.load()函数加载具有某些jQuery功能且绑定到某个类的html部分。= / 有什么想法吗? 问题答案: 使用现场活动: jQuery保留了所有活动选择器的存储库,例如本例。并且它向文档添加了一个处理程序,以侦听冒泡到文档中的事件。然后,此特殊处理程序基本上会遍历所有活动选择器,并将事件转发到与活动选择器匹配的那些元素(如果有)。 如果任何中间事件处理程序拦截了该事件,

  • 本文向大家介绍如何爬取通过ajax加载数据的网站,包括了如何爬取通过ajax加载数据的网站的使用技巧和注意事项,需要的朋友参考一下 目前很多网站都使用ajax技术动态加载数据,和常规的网站不一样,数据时动态加载的,如果我们使用常规的方法爬取网页,得到的只是一堆html代码,没有任何的数据。 请看下面的代码: 上面的代码是爬取今日头条的一个网页,并打印出get方法返回的文本内容如下图所示,值现在一堆

  • 问题内容: 我有一个链接,该链接应将AJAX加载的内容插入HTML页面的(appendContainer)。问题是我绑定到jQuery 的事件没有在插入到appendedContainer中的新加载的内容上执行。该事件绑定到未随我的AJAX函数加载的DOM元素上。 我必须更改什么才能绑定事件? 我的HTML: 我的JavaScript: 要加载的内容: 问题答案: 将事件委托用于动态创建的元素:

  • 问题内容: 我想发送一个用JavaScript构造的数组,其中包含多个select的选定值。有没有一种方法可以使用ajax将此数组发送到php脚本? 问题答案: 您可以使用XML或JSON发回到服务器。您的javascript将必须构造该帖子,在XML的情况下,则需要您在javascript中创建它。JSON不仅轻巧,而且更易于在javascript中制作。签出JSON- PHP 来解析JSON。

  • 问题内容: 好的,所以我对ajax和从外部加载内容还很陌生,希望对我的问题有任何见解。 我目前有一个隐藏的div,它是空的,单击链接后应该在其中加载ajax内容。 我目前有一个链接列表,所有链接都具有相同的类,并且我想在单击空白div时进行幻灯片切换,然后从链接要访问的页面中加载内容。 链接: 当前的jQuery: 刚接触Ajax并加载外部内容时,我想知道如何从位于标签中的链接页面加载内容。因此,

  • 问题内容: 我想我有一个非常简单的问题,但找不到解决方案。因此,我要通过HTML加载DIV内容。问题在于它不仅是文本,而且是图像。Ajax调用返回HTML代码,但是该代码在DIV中显示为HTML,并且不会执行。难以解释,但从示例中可以明显看出… AJAX调用返回字符串: 问题很明显。我得到的是实际的代码,而不是图像和div中的3.3°C,因此,我看到的不是图像,而是img src =…。 我知道我