在ajax成功之后,Javascript无效

时间:2013-08-19 05:01:27

标签: javascript jquery html ajax

发送Ajax请求后,它成功了。 jquery.hover()不适用于页面的新部分。

是否可以重新加载脚本而无需通过另一个ajax请求重新加载div,以便它可以与页面的新部分一起使用。

3 个答案:

答案 0 :(得分:2)

您不能在动态元素上使用hover(),因为它不是事件处理程序,您需要对mouseentermouseleave事件使用委托事件处理

.hover()是使用mouseenter和mouseleave的简写,但它会将处理程序仅附加到执行时dom中存在的那些元素

$(document).on('mouseenter', '<selector>', function(){
    //do something
}).on('mouseleave', '<selector>', function(){
})

答案 1 :(得分:0)

您可能已在$(document).ready()上添加了悬停操作;由于页面加载时新页面内容不存在,因此必须在通过ajax更新新内容后重新绑定悬停操作。

答案 2 :(得分:0)

由于动态添加了新部件,因此jquery hover将无法使用该部件。

试试这个

$(document).on('mouseenter', 'selector', function(){
        // Code to perform on mouse enter
}).on('mouseleave', 'selector', function(){
       // code to perform on mouse leave (This is optional)
})