jquery – 听一个DIV中的更改,并相应地采取行动

前端之家收集整理的这篇文章主要介绍了jquery – 听一个DIV中的更改,并相应地采取行动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个函数,抓取一个XML文档,并根据XSL文档进行转换。然后它将结果放入一个带有id laneconfig显示的div。我想做的是,单独到转换逻辑,为该div设置一个jQuery change事件,所以我可以告诉它什么时候改变,并运行一些jQuery代码

我试过以下,但它不工作!

$(document).ready(function()
{
    $('#laneconfigdisplay').change(function() {
        alert('woo');
    });
    //Do XML / XSL transformation here
});

<!-- HTML code here -->
<div id="laneconfigdisplay"></div>

我究竟做错了什么?

解决方法

您可以选择创建自己的自定义事件,这样您仍然可以清楚地分离逻辑。

绑定到自定义事件:

$('#laneconfigdisplay').bind('contentchanged',function() {
  // do something after the div content has changed
  alert('woo');
});

在更新div的函数中:

// all logic for grabbing xml and updating the div here ..
// and then send a message/event that we have updated the div
$('#laneconfigdisplay').trigger('contentchanged'); // this will call the function above

猜你在找的jQuery相关文章