解决Jquery向页面append新元素之后事件的绑定问题

今天，我接触到了一个新的知识难点，那就是在向网页添加新的元素后，原先加载的函数方法对新元素似乎失去了作用。关于这个问题，我在狼蚁网站的SEO优化过程中遇到了，并找到了解决方案。

一开始，我查阅了jq api文档，没有找到合适的方法。于是，我开始在网上寻找相关资料，幸运的是，我找到了一个名为live的方法。

其实，解决这个问题的过程并不复杂。在项目的要求下，我尝试使用hover事件来添加边框效果。在没有使用live事件的情况下，hover事件并未如我所愿地加载进来，也就无法呈现出预期的边框效果。

代码如下：

经过用户技能标签增加样式

```javascript

$(function(){

$(".s-edited").hover(function(){

$(this).toggleClass("borderd");

})

})

```

当我引入了live方法后，问题得到了解决。使用live方法，我可以为所有当前以及将来会匹配的元素绑定一个事件处理函数，包括自定义的hover事件。这样一来，新的元素也能被原有的函数方法所控制。

以下是使用live方法的代码：

```javascript

/经过用户技能标签增加样式/

$(".s-edited").live("hover",function(){

$(this).toggleClass("borderd");

})

```

在对live方法的介绍中我了解到，这个方法可以为所有当前以及未来的元素绑定事件处理函数，包括自定义事件。这对于处理动态添加的页面元素非常有用。在这里分享给大家，希望也能帮助到你们。作为一个新手菜鸟，我也在不断学习和中，如有错误请多多指正。以上就是我的分享，希望大家喜欢。