在表单中监听变更事件:JQuery

Question

我有一个id为"向导"的表单 - 我只有这种形式的选择元素.这个表单位于使用JQuery插件fancybox的灯箱中:

我想知道何时使用JQuery更改了这些内容.我怎样才能做到这一点？我目前有:

$('form#wizard select[name=servers], form#wizard select[name=cores]').change(function() {
var channels = parseInt($('form#wizard select[name=servers]').val(), 10) * parseInt($('form#wizard select[name=cores]').val(), 10);
$('#yellow').val(channels);
});

编辑 - 我把上面的内容包裹起来$(document).ready(function() {...}

但是,它不起作用,甚至没有运行.我已经在那里发出警报,但它们从未出现过.以上只有在上面是我删除了显示的div时才有效:没有,奇怪!所以我正在寻找一种不同的实现来解决这个问题,因为我需要那个灯箱.

我真的需要帮助.

谢谢大家

Answer 1

jQuery change函数仅绑定domready事件触发时存在的那些元素.如果您使用的灯箱插件是动态创建元素,那么您应该使用jQuery的live功能"将处理程序绑定到所有当前和未来匹配的元素".

改变这个:

$('your selector').change(function() { /* code ... */ });

有了这个:

$('your selector').live('change', function() { /* code ... */ });