javascript - 如何在Jquery中调用属性值的onChange函数

Question

我正在尝试调用函数 onChange的属性值。 我正在尝试的是，当用户单击下面的 div 之一时

 <div id="selected" class="vblock">
 <div class="vblock">
 <div class="vblock">
 <div class="vblock">
 <div class="vblock">

src的值embed 的属性标签将被更改。

<embed id="vplayer" width="100%" height="100%" name="plugin" src="resources/videos/xyz21.mp4" type="video/mp4">

我需要在 src 变化期间调用一个函数值。

或

我需要在修改<div class="vblock">的过程中调用该函数至<div id="selected" class="vblock">

我尝试的是:

$('embed[src=#]').change(function(e){
 // code

请任何人帮助我做这些事情......谢谢......

Answer 1

我对这个问题的看法:

1).你最好关闭你的div s。

2).而不是<div id="selected" class="vblock">你应该使用<div class="vblock selected">这就是类(class)的用途。

3).您无法监听属性更改(当然可以，但突变事件无论如何都已被弃用......)，但您可以手动触发事件处理程序:

$('.vblock').on('click', function() {
    // do something, set new src
    $('#vplayer').trigger('src:changed');
});

$('#vplayer').on('src:changed', function () {
    // src changed, do something
});