//js与webview交互初始化
function setupWebViewJavascriptBridge(callback) {
if (window.WebViewJavascriptBridge) {
return callback(WebViewJavascriptBridge);
}
if (window.WVJBCallbacks) {
return window.WVJBCallbacks.push(callback);
}
window.WVJBCallbacks = [callback];
var WVJBIframe = document.createElement('iframe');
WVJBIframe.style.display = 'none';
WVJBIframe.src = 'https://__bridge_loaded__';
document.documentElement.appendChild(WVJBIframe);
setTimeout(function () {
document.documentElement.removeChild(WVJBIframe)
}, 0)
}
//关注按钮点击交互
setupWebViewJavascriptBridge(function (bridge) {
function followChange(data) {
if (data == 1) {
$(".btnFollow").removeClass("btnFollow-yes").addClass("btnFollow-no");
} else {
$(".btnFollow").removeClass("btnFollow-no").addClass("btnFollow-yes");
}
}
$(".btnFollow").click(function () {
var followStaus=1;
if ($(this).is('.btnFollow-no')) {
followStaus=1;
} else {
followStaus=2;
}
bridge.callHandler(
'callMobileHandler',
{"followStaus": followStaus, "deviceType": "ios"},
function (response) {
if(response.followStaus==1){
$(this).removeClass("btnFollow-yes").addClass("btnFollow-no");
}else{
$(this).removeClass("btnFollow-no").addClass("btnFollow-yes");
}
});
});
bridge.registerHandler('callJSHandler', function (data, responseCallback) {
followChange(data.followStaus);
// responseCallback(responseData);
});
//以上代码实现的功能可以正常运行，以下代码实现的功能没有生效
var imgs = document.getElementsByTagName("img");
//传递图片src数组
var imgsSrc=imgs.map(function (value,index) {
return value.src
});
bridge.callHandler(
'callMobileHandler',//名称待换
{"imgList": imgsSrc, "deviceType": "ios"},//参数待换
function (response) {//假设返回的src数组为imgList
for(var i = 0;i< response.imgList.length; i++){
imgs[i].src=response.imgList[i];
}
});
//js注册函数，没用可删除
/*bridge.registerHandler('callJSHandler', function (data, responseCallback) {
responseCallback(responseData);
});*/
//图片点击事件
for(var i = 0;i< imgs.length; i++){
imgs[i].onclick(function(){
bridge.callHandler(
'callMobileHandler',//名称待换
{"currentImg": imgs[i].src, "deviceType": "ios"},//参数待换
function (response) {
//内容待写
});
//js获得ios端参数函数，没用可删除
/*bridge.registerHandler('callJSHandler', function (data, responseCallback) {
responseCallback(responseData);
});*/
});
}
});
我想问一下我想写多个callhandle函数，是应该调用多次这个桥接函数呢，还是在一个函数里重复写几遍呢，或者是其他方法？目前只有第一个功能实现了，剩下的传递图片数组和图片点击事件都没有传递过去，该怎么办？
)
