javascript – 通过jquery将data-src更改为src

2024年1月9日 387次阅读

我使用的flexslider每个幻灯片都有音频文件,但我不想立即在页面上加载无数的音频文件.所以我试图让每个幻灯片后的data-src成为src

幻灯片目前如下：

<div class="flexslider carousel">
<ul class="slides">
<li> 
<img src="http://www.quinnmedical.com/skin/frontend/gigasavvy/quinn/ppt/Slide01.jpg"  /> 
<audio id="demo" controls>
   <source src="/skin/frontend/gigasavvy/quinn/audio/Slide1.mp3" type="audio/mpeg" />
</audio>
</li>
<li> 
<img src="http://www.quinnmedical.com/skin/frontend/gigasavvy/quinn/ppt/Slide03.jpg"  /> 
<audio id="demo" controls>
   <source data-src="/skin/frontend/gigasavvy/quinn/audio/Slide3.mp3" src="" type="audio/mpeg" />
</audio>
</li>
</ul>
</div>

在after函数中我想将data-src更改为src.任何帮助将非常感谢如何从data-src到src

最佳答案 无法重命名属性.您可以创建新属性并删除旧属性.假设有一个点击事件,可以如下所示.请根据您的要求调整活动.

    $('#demo').on("click", "img", function () {
    var t = this;
    var source = $(t).children("source");        
    $source.attr({
        src: $t.attr('data-src')

    }).removeAttr('data-src');
 }
点赞