微信音频兼容，focus兼容问题解决

1、音频适用苹果微信端

<audio id="audio" autoplay>

<source src="http://cdn.yenoo.cn/vaio.ogg" type="audio/ogg" />

<source src="http://cdn.yenoo.cn/vaio.mp3" type="audio/mpeg" />

</audio>

 

一般引入下面js即可适用

<script>

     //一般情况下，这样就可以自动播放了，但是一些奇葩iPhone机不可以

     document.getElementById('audio').play();

    //必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效

    document.addEventListener("WeixinJSBridgeReady", function () {

        document.getElementById('audio').play();

    }, false);

</script>

 

2、点击按钮改变背景色  -- 使用click事件，使用前先解绑unbind() 再绑定click事件

 

$("#btnA").unbind().click(function(){

 $("#btnB").css("background","transparent");

 $("#btnA").css("background","pink");

});

$("#btnB").unbind().click(function(){

 $("#btnA").css("background","transparent");

$("#btnB").css("background","pink");

});

3、点击下一页之后背景色均清空

$("#next").unbind().click(function(){

$("#btnB").css("background","transparent");

$("#btnA").css("background","transparent");

}

 

4、判断当前哪个按钮被点击，新添加一个自定义属性（例，class属性）

<button value="A"  id="btnA" onclick="bt(this)"></button>

<button value="B" id="btnB" onclick="bt(this)"></button>

 

function bt(e){

e.className = 'm';

}

 

$("#btnB").removeClass("m") ；后面需记得移除className为m的class名