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">我需要在修改to期间调用该函数<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">这是什么类。

3）。您不能监听属性更改（当然可以，但无论如何不推荐使用突变事件..），但您可以手动触发事件处理程序：

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

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