Php Onclick不'；t work worth audio.js

我正在排除用作音频播放器的故障。我正在尝试使用click方法配置音频播放器，但它无法识别我的click。 然而，它确实在这方面起到了应有的作用。非常感谢您的帮助

我所做的- 消除了所有CSS和不相关的脚本。 Click方法适用于audiojs类前后的div

我用于音频播放器的快捷码-

// audio player
add_shortcode( 'sp_audio', 'sp_audio_shortcode' );
function sp_audio_shortcode( $atts, $contents = null ) 
{
    extract( shortcode_atts( array(
        'id' => 'sp-audio-player',
        'url' => '',
        ),
        $atts ) );


    $output .= '<audio preload="none">';
        $output .= '<source src="' . $url . '" type="audio/mpeg">';
    $output .= '</audio>';

    return $output;
}

初始化audio.js

audiojs.events.ready(function() {
    audiojs.createAll();
});  

---

看起来您正在加载页面后添加音频曲目，因此需要使用实时单击事件

试试这个：

jQuery(document).ready(function($) {  

$('.audiojs').live('click', function() {
  alert( "CLICK" );
});

---

我有一个类似的问题，通过在音频对象上使用事件侦听器解决了它。我想这取决于你想跟踪什么，但这会让你控制比赛和停止等

我修改了我的代码，因此它应该与您的代码一起工作

audiojs.events.ready(function() {
var as = audiojs.createAll();

$(".audiojs audio").on('playing',function(){
    console.log("Push playing");
});

    // Other callbacks
});

---

希望你能成功。我每页只有一个播放机，如果您有更多的播放机，只需在回调中使用$（this）元素来标识哪些播放机已被更改。

为代码提供一个JSFIDLE。它在描述中

jQuery(document).ready(function($) {  

$('.audiojs').live('click', function() {
  alert( "CLICK" );
});

audiojs.events.ready(function() {
var as = audiojs.createAll();

$(".audiojs audio").on('playing',function(){
    console.log("Push playing");
});

    // Other callbacks
});