H5交互

<script>
    // 交互开始
    var bridge = "";
    var is_ios = false;
    // 查看预定会议
    function reserveClassroom(_bridge){
        bridge = _bridge;
        r_url = bridge.r_url;
        var str='0%'+JSON.stringify({r_url: r_url});
        // alert(str);
        if(is_ios){
            bridge.callHandler('testAlert', str, function(response) {
            });
        }else{
            funFromjs(str)
        }
    };
    // 申请预定会议
    function apply(_bridge){
        bridge = _bridge;
        var classroom_id = {$classroom_detail.classroom_id};
        var str='1%'+JSON.stringify({classroom_id: classroom_id});
        if(is_ios){
            bridge.callHandler('testAlert', str, function(response) {
            });
        }else{
            funFromjs(str)
        }
    };
    // 交互结束
    
    //android
    function funFromjs(str) {
        window.control.returnResult(str);
    }

    //ios
    function connectWebViewJavascriptBridge(callback) {
        if (window.WebViewJavascriptBridge) {
            callback(WebViewJavascriptBridge)
        } else {
            document.addEventListener('WebViewJavascriptBridgeReady', function() {
                callback(WebViewJavascriptBridge)
            }, false)
        }
    }
    var is_ios = false;
    $(function() {
        //android
        $('.item').on('click', function() {
            var r_url =$(this).attr('date');
            reserveClassroom({r_url});
        });

        connectWebViewJavascriptBridge(function(bridge) {
            is_ios = true;
            $('.item').unbind("click").on('click', function() {
                var r_url =$(this).attr('data');
                reserveClassroom(r_url);
            });
        });

        //android
        $('.enroll-btn').on('click', function() {
            apply({});
        });

        connectWebViewJavascriptBridge(function(bridge) {
            is_ios = true;
            $('.enroll-btn').unbind("click").on('click', function() {
                apply();
            });
        });
    });
</script>