如何在Jquery中调用atrribute值的onChange函数

How to invoke a function onChange of an atrribute value in Jquery

本文关键字:atrribute 值的 onChange 函数 调用 Jquery      更新时间:2023-09-26

我正在尝试调用属性值的函数onChange。我正在尝试的是,当用户点击下面的div 时

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

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

<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

请任何人帮我做这件事。。。谢谢

我对这个问题的想法:

1) 。您最好关闭div s

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

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

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