javascript - 在HTML中包含JavaScript

标签 javascript jquery audio

我在网上找到了一个jQuery声音插件(不带闪光灯),该插件是script.aculo.us的sound.js(http://script.aculo.us)的一部分,基于Jules Gravinese(http://www.webveteran.com/)的代码。

不起作用:

 <script type="text/javascript" src="/data/js/sound.js"></script>

作品:
<? include($_SERVER['DOCUMENT_ROOT']."/data/js/sound.js");?> 

应该更改什么,以便我的test.php使用普通的include方法?
为什么此脚本仅适用于query / 1.4.2 / jquery.min.js而不适用于jquery / 1.11.1 /或我的jquery-2.1.0.min.js

test.php
<img src="/bilder/flaggen/englisch.png" onclick="$.sound.play('http://translate.google.com/translate_tts?ie=UTF-8&tl=en&q=Test')" style="cursor:hand;cursor:pointer;">

sound.js
   <script type="text/javascript"> 
   (function($) {

    $.sound = { 
    tracks: {},
    enabled: true,
    template: function(src) {
    return '<embed style="height:0" loop="false" src="' + src + '" autostart="true"    hidden="true"/>';
},
play: function(url, options){
    if (!this.enabled)
        return;
    var settings = $.extend({
        url: url,
        timeout: 2000
    }, options);

    if (settings.track) {
        if (this.tracks[settings.track]) {
            var current = this.tracks[settings.track];
            // TODO check when Stop is avaiable, certainly not on a jQuery object
            current.Stop && current.Stop();
            current.remove();  
        }
    }

    var element = $.browser.msie
        ? $('<bgsound/>').attr({
            src: settings.url,
            loop: 1,
            autostart: true
          })
        : $(this.template(settings.url));

    element.appendTo("body");

    if (settings.track) {
        this.tracks[settings.track] = element;
    }

    if(options){
        setTimeout(function() {
            element.remove();
        }, options.timeout)
    }

    return element;
}
};

})(jQuery);
</script>

最佳答案

由于该文件已经在.js文件中,因此您不需要:
<script type="text/javascript">
一开始


</script>
在最后

另外,由于最新版本的更新,它不适用于最新版本的JQuery。旧版本中的许多功能已被删除或在新版本中重命名。

每个使用jQuery的脚本都针对特定版本的jQuery进行编写和测试。有时,它可与多个版本的jQuery一起使用,有时仅与一个特定的jQuery版本一起使用。

使用jQuery来指定兼容版本的jQuery的脚本的作者负责。使用脚本的人员有责任了解和了解所需的jQuery版本,并创建适当的环境(使用正确的jQuery版本)以使脚本正常工作。

特定版本的jQueryUI仅与核心jQuery的某些版本兼容。同样,jQueryUI插件仅与jQueryUI和jQuery的某些版本兼容。您必须自己混合并匹配所有这些的兼容版本。

看一下这个例子:

http://jquery.com/upgrade-guide/1.9/

这也是更新的JQuery 1.11和2.1.0的概述

http://blog.jquery.com/2014/01/24/jquery-1-11-and-2-1-released/

关于javascript - 在HTML中包含JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24346140/

相关文章:

java - 选中复选框时如何突出显示整行

ios - 如何在 MPMusicplayerController 上播放歌曲 URL?

javascript - 在 Rollup.js 中使用 jQuery DataTables

javascript - jQuery 添加 html 到原始标题?

javascript - 插入日期时动态智能日期掩码

C# WMPLib mp3 的持续时间

ios - 有没有一种方法可以在 iOS 中录制音频而不使用 AVFoundation 框架?

javascript - 过度使用 jquery

javascript - 动态改变元素宽度固定宽度

jQuery DataTable 无法在 ASP.NET MVC 中工作?