APPCAN如何将一个div背景存放到cookie存放的内容,实现刷新后背景不变

您需要登录后才可以操作 |
该用户从未签到
本地打包app后图片显示问题
做了一个启动页面,显示广告图片,用的是将body的背景设置成广告图片。
代码如下:&body id=&page_0& class=&ad1 um-vp ub-img1& ontouchstart&
ad1是设置背景为广告图片1。
然后通过监视radio按钮的change事件,使用removeClass和addClass的方法进行切换,代码如下
$('.myradiobox').find('input').on('change', function(evt) {
& && && && &/*添加Radio变更处理代码*/
& && && && &if (window.myradiocheck == 0) {
& && && && && & $('#page_0').removeClass(&ad1&);
& && && && && & $('#page_0').addClass(&ad2&);
& && && && && & $('#btn-begin').removeClass(&uhide&);
& && && && && & window.myradiocheck = 1;
& && && && &} else {
& && && && && & $('#page_0').removeClass(&ad2&);
& && && && && & $('#page_0').addClass(&ad1&);
& && && && && & $('#btn-begin').addClass(&uhide&);
& && && && && & window.myradiocheck = 0;
& && && && &}
& && &&&});
结果在实时预览窗口里面启动和切换都没问题,但本地打包后装到手机上,程序开启时经常会出现ad1或ad2加载不成功,背景显示不出来。要点击radio进行切换几次才能显示出来。
设置抽屉式主页面,里面footer位置放了一个slider用于广告图片轮播,第一次打开主页面时slider只能显示第一张图片,后面的都是空白。点击一次导航条显示一次抽屉页面后,图片就全部能显示了。
大众版的app本地打包后怎么一直有一个白色半透明的水滴式悬浮图标,点击后弹出退出窗口。
该用户从未签到
暂时我只能答你第三个问题,本地打包的app都是测试版本。 不管是什么应用程序都会带有一个白色半透明的水滴式悬浮图标,点击后弹出退出窗口。 除非你是线上打包。
该用户从未签到
哪位大牛帮帮忙。。。是性能问题吗?
该用户从未签到
把你的这个页面的demo发出来,我看下给你解决
该用户从未签到
把你的这个页面的demo发出来,我看下给你解决&!DOCTYPE html&
&html class=&um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px&&
& & &head&
& && &&&&title&&/title&
& && &&&&meta charset=&utf-8&&
& && &&&&meta name=&viewport& content=&target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0&&
& && &&&&link rel=&stylesheet& href=&css/fonts/font-awesome.min.css&&
& && &&&&link rel=&stylesheet& href=&css/ui-box.css&&
& && &&&&link rel=&stylesheet& href=&css/ui-base.css&&
& && &&&&link rel=&stylesheet& href=&css/ui-color.css&&
& && &&&&link rel=&stylesheet& href=&css/appcan.icon.css&&
& && &&&&link rel=&stylesheet& href=&css/appcan.control.css&&
& && &&&&link rel=&stylesheet& href=&beginWindow/css/main.css&&
& & &/head&
& & &body id=&page_0& class=&ad1 um-vp ub-img1& ontouchstart&
& && &&&&div class=&up ub ub-ver bc-bg/&& tabindex=&0&&
& && && && &&!--header开始--&
& && && && &&div id=&header& class=&uh bc-text-head ub bc-head&&&/div&
& && && && &&!--header结束--&&!--content开始--&
& && && && &&div id=&content& class=&ub-f1 tx-l &&&/div&
& && && && &&!--content结束--&
& && && && &&div id=&footer& class=&bc-border uinn sc-text&&
& && && && && & &div class=&ub ub-pc&&
& && && && && && &&&&div class=&btn uba uc-a c-blue bc-text-head tx-hc uhide&&&id=&btn-begin&&
& && && && && && && && &开始体验
& && && && && && &&&&/div&
& && && && && & &/div&
& && && && &&/div&
& && && && &&div class=&bc-border ub ub-pc uinn sc-text&&
& && && && && & &div class=&myradiobox ub-pc umar-r& name=&&&
& && && && && && &&&&input checked =&checked& type=&radio& class=&uabs ub-con& name=&lv_radio&&
& && && && && & &/div&
& && && && && & &div class=&myradiobox umar-l& name=&&&
& && && && && && &&&&input type=&radio& class=&uabs ub-con& name=&lv_radio&&
& && && && && & &/div&
& && && && &&/div&
& && &&&&/div&
& && &&&&/div&
& && &&&&script src=&js/appcan.js&&&/script&
& && &&&&script src=&js/appcan.control.js&&&/script&
& && &&&&script src=&js/appcan.slider.js&&&/script&
& & &/body&
& & &script&
& && &&&appcan.ready(function() {
& && && && &window.myradiocheck = 0;
& && &&&});
& && &&&appcan.button(&.btn&, &ani-act&, function(a, b) {
& && && && &var btn = $(a.currentTarget);
& && && && &var btn_id = btn.attr('id');
& && && && &if (btn_id == 'btn-begin') {
& && && && && & appcan.window.open(&mainWindow_drawer&, &mainWindow_drawer.html&, 10, 0);
& && && && &} else {
& && && && &}
& && &&&})
& && &&&$('.myradiobox').find('input').on('change', function(evt) {
& && && && &/*添加Radio变更处理代码*/
& && && && &if (window.myradiocheck == 0) {
& && && && && & $('#page_0').removeClass(&ad1&);
& && && && && & $('#page_0').addClass(&ad2&);
& && && && && & $('#btn-begin').removeClass(&uhide&);
& && && && && & window.myradiocheck = 1;
& && && && &} else {
& && && && && & $('#page_0').removeClass(&ad2&);
& && && && && & $('#page_0').addClass(&ad1&);
& && && && && & $('#btn-begin').addClass(&uhide&);
& && && && && & window.myradiocheck = 0;
& && && && &}
& && &&&});
& & &/script&
&/html&复制代码
该用户从未签到
把你的这个页面的demo发出来,我看下给你解决
5楼是问题1的页面代码
本楼是问题2的页面代码
&!DOCTYPE html&
&html class=&um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px&&
& & &head&
& && &&&&title&&/title&
& && &&&&meta charset=&utf-8&&
& && &&&&meta name=&viewport& content=&target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0&&
& && &&&&link rel=&stylesheet& href=&css/fonts/font-awesome.min.css&&
& && &&&&link rel=&stylesheet& href=&css/ui-box.css&&
& && &&&&link rel=&stylesheet& href=&css/ui-base.css&&
& && &&&&link rel=&stylesheet& href=&css/ui-color.css&&
& && &&&&link rel=&stylesheet& href=&css/appcan.icon.css&&
& && &&&&link rel=&stylesheet& href=&css/appcan.control.css&&
& && &&&&link rel=&stylesheet& href=&mainWindow/css/main.css&&
& & &/head&
& & &body class=&um-vp bc-bg& ontouchstart&
& && &&&&div id=&page_0& class=&up ub ub-ver& tabindex=&0&&
& && && && &&div id=&header& class=&uh bc-text-head ub bc-head&&
& && && && && & &div class=&nav-btn& id=&btn-list&&
& && && && && && &&&&div class=&ub-img res-list umw2 umh2&&&/div&
& && && && && & &/div&
& && && && && & &h1 class=&ut ub-f1 ulev-3 ut-s tx-c& tabindex=&0&&1234&/h1&
& && && && && & &div class=&nav-btn nav-bt&&&/div&
& && && && &&/div&
& && && && &&div id=&content& class=&ub-f1 tx-l&&
& && && && &&/div&
& && && && &&div id=&footer& class=&ubt bc-border ub uinn sc-text &&
& && && && && & &div id=&slider& class=&slider&&&/div&
& && && && &&/div&
& && &&&&/div&
& && &&&&script src=&js/appcan.js&&&/script&
& && &&&&script src=&js/appcan.control.js&&&/script&
& && &&&&script src=&js/appcan.slider.js&&&/script&
& & &/body&
& & &script&
& && &&&var f = parseInt(parseInt(window.screen.width)) / parseInt($('body').width(), 10);
& && &&&var em = '';
& && &&&appcan.ready(function() {
& && && && &if (!appcan.detect.os.phone)
& && && && && & f = 1;
& && && && &var titHeight = $('#header').offset().
& && && && &em = parseInt($('#header').css('font-size'));
& && && && &appcan.frame.open(&content&, &mainWindow_content.html&, 0, titHeight);
& && && && &window.onorientationchange = window.onresize = function() {
& && && && && & appcan.frame.resize(&content&, 0, titHeight);
& && && && &}
& && && && &appcan.window.publish(&main_window_open&, &&);
& && && && &appcan.window.subscribe(&main_window_close&, function() {
& && && && && & appcan.window.close(-1);
& && && && &});
& && && && &appcan.window.subscribe(&main_window_active&, function() {
& && && && && & drawer_status = 1;
& && && && && & animFrame();
& && && && &})
& && && && &appcan.window.monitorKey(0, function() {
& && && && && & if (drawer_status) {
& && && && && && &&&animFrame();
& && && && && & } else {
& && && && && && &&&appcan.window.publish(&draw_close&, &&);
& && && && && && &&&appcan.window.close(-1);
& && && && && & }
& && && && &})
& && &&&});
& && &&&var drawer_status = 0;
& && &&&appcan.button(&.nav-btn&, &btn-act&, function(a, b) {
& && && && &var btn = $(a.currentTarget);
& && && && &var btn_id = btn.attr('id');
& && && && &if (btn_id == 'btn-list') {
& && && && && & animFrame();
& && && && &} else {
& && && && &}
& && &&&})
& && &&&function animFrame() {
& && && && &var move = {
& && && && && & dx : drawer_status ? 0 : parseInt(($('#header').offset().width - 4 * em) * f),
& && && && && & dy : drawer_status ? 0 : 0,
& && && && && & callback : function() {
& && && && && & }
& && && && &}
& && && && &drawer_status = drawer_status ? 0 : 1;
& && && && &appcan.window.setWindowFrame(move);
& && &&&}
& && &&&var slider = appcan.slider({
& && && && &selector : '#slider',
& && && && &aspectRatio : 5 / 16,
& && && && &hasLabel : true,
& && && && &index : 0,
& && && && &auto : 5000
& && &&&});
& && &&&slider.set([{
& && && && &img : &mainWindow/css/images/ad1.jpg&,
& && && && &label : &&
& && &&&}, {
& && && && &img : &mainWindow/css/images/ad2.jpg&,
& && && && &label : &&
& && &&&}])
& && &&&slider.on(&clickItem&, function(index, data) {
& && &&&})
& & &/script&
&/html&复制代码
该用户从未签到
第一个问题:把ready函数中的window.myradiocheck = 0;提取到ready函数外边js代码区域首行;
第二个问题:var drawer_status = 0;放到js代码区域首行,先这样改下再试下,如果不行,麻烦把case发来看下,包括jpg图样,css.js等放到一个压缩包里
该用户从未签到
第一个问题:把ready函数中的window.myradiocheck = 0;提取到ready函数外边js代码区域首行;
第二个问题:v ...
2个问题依旧。
对于问题1, 我加了个radio切换时弹对话框的事件测试了下,radio切换时的响应是可以抓到的。问题在removeClass和addClass上,应该是appcan封装两个函数时处理有bug。ad1和ad2的样式也很简单,就一句设置背景图片。
我感觉2个问题应该是一个问题,就是在appcan包装背景切换相关函数上存在bug。
有个奇怪的现象是电脑上实时预览没问题,而到手机app本地就不行了。每次基本都有问题就不是偶然现象了。
该用户从未签到
第一个问题
& && &window.myradiocheck=0;
$('.radiobox').find('input').on('change',function(evt){
& &&&if(window.myradiocheck==0){
& && && && &$('#page0').removeClass('ad1');
& && && && &$('#page0').addClass('ad2');
& && && && &window.myradiocheck=1;
& && &&&}else{
& && && && &$('#page0').removeClass('ad2');
& && && && &$('#page0').addClass('ad1');
& && && && &window.myradiocheck=0;
& && &&&}
& && &&&});复制代码 本地打包测试没有问题
该用户从未签到
第二个问题 只是在抽屉格式的主页面加slider吗?
AppCan官方微信}

我要回帖

更多关于 cookie存放的内容 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信