如何使用没有冲突的功能[重复]

Posted 2023-02-25

【中文标题】如何使用没有冲突的功能[重复]

【英文标题】：how to use functions without conflict [duplicate]

【发布时间】：2013-05-09 07:55:52

【问题描述】：

我正在尝试在 html 中播放声音。

我把audio标签放在html中，并定义了一个函数给play它

但是当我使用js的.play()函数时，jquery返回错误。

audio.play() is not a function.

当我删除 jquery 文件时，声音正常。

我如何才能确定该函数不是 jquery 的？

function playblop()
    
        var ab = document.getElementById('blop').play();
    

【问题讨论】：

你是如何“为play它定义一个函数”的？

您需要将代码缩减为一个小到可以在此处发布的失败示例。任何人都不太可能在没有看到您的代码的情况下提供帮助。

你能告诉我们你的脚本吗？

我也不能使用js的播放功能

JS 没有play函数。一些 JS 对象可能有一个名为play 的方法。如果您的 <audio> 元素没有它，那么您使用的是不受支持的浏览器。 jQuery 不从原生元素对象中移除方法。

【参考方案1】：

将音频标签放在自动播放...

每次你需要玩的时候，附加标签...

$("body").append("<audio autoplay>...</audio>");

【参考方案2】：

使用静态对象作为命名空间，例如

    var myobject = 
        playblop: function()

        
    ;
    //call the function
    myobject.playblop();

更新： 忽略代码并阅读以下内容： HTML5 Audio and jQuery