TypeError:jQuery(...)。plugin-name不是函数

时间:2013-12-24 02:37:19

标签: javascript jquery wordpress

我的Wordpress网站上遇到了一个问题,某些JQuery元素已停止运行

主要与我们使用的音频播放器插件有关..

TypeError: jQuery(...).audio1_html5 is not a function
isProgressInitialized:false

在Firebug中点击它时,它会出现:

<script>
    jQuery(function() {
        jQuery("#lbg_audio1_html5_25").audio1_html5({
            skin:"whiteControllers",
            initialVolume:1,
            autoPlay:false,
            loop:false,
            playerPadding:5,
            playerBg:"#000000",
            bufferEmptyColor:"#929292",
            bufferFullColor:"#454545",
            seekbarColor:"#FFFFFF",
            volumeOffColor:"#454545",
            volumeOnColor:"#FFFFFF",
            timerColor:"#FFFFFF",
            songAuthorTitleColor:"#FFFFFF",
            showRewindBut:true,
            showPlayBut:true,
            showPreviousBut:true,
            showNextBut:true,
            showPlaylistBut:true,
            showVolumeBut:true,             
            showVolumeSliderBut:true,
            showTimer:true,
            showSeekBar:true,
            showAuthor:true,
            showTitle:true,
            showPlaylist:true,              
            showPlaylistOnInit:true,                
            playlistTopPos:2,               
            playlistBgColor:"#000000",
            playlistRecordBgOffColor:"#000000",
            playlistRecordBgOnColor:"#333333",
            playlistRecordBottomBorderOffColor:"#333333",
            playlistRecordBottomBorderOnColor:"#FFFFFF",
            playlistRecordTextOffColor:"#777777",
            playlistRecordTextOnColor:"#FFFFFF",
            numberOfThumbsPerScreen:5,
            playlistPadding:4,
            showPlaylistNumber:true,
            isSliderInitialized:false,
            isProgressInitialized:false     
        });
    });

在我们的主页上,Firebug中存在各种错误。它看起来像JQuery没有正确加载,但我已经尝试将JQuery链接首先放在页眉中,首先在页脚中,使用谷歌和JQuery托管,甚至是最新版本:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

执行以下操作,为你的模板header.php中的wordpress正确加载jquery,如果不存在则在head部分添加

<?php wp_enqueue_script("jquery"); ?>

<?php wp_head(); ?>

在wp_head函数之后添加脚本

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

有关详细说明,请查看http://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/