立即注册 登录
彼岸网 返回首页

牛肉炖土豆的个人空间 https://www.bian-wang.com/discuz/?10744 [收藏] [复制] [分享] [RSS]

日志

移动端JS选择卡问题

热度 1已有 1295 次阅读2020-3-10 08:59 PM |个人分类:建站笔记

代码太长,影响阅读,先删掉。

发表评论 评论 (23 个评论)

回复 牛肉炖土豆 2020-12-13 08:55 PM
天香公主: 》发现在电脑模式下,速食和熟食来回点击,出现的概率比较多

不知你大概来回点击多少次会出现一次?什么版本的什么浏览器?我试了五次,每次来回点击一百次(即 ...
了解了,我大概点击5到6下就会出现一次,难道真的是没点中么,版本 86.0.4240.75(正式版本) (64 位),听你这么一说,还真有可能是点击区域无效的问题,我再研究研究,感谢帮我测试!辛苦了。
回复 天香公主 2020-12-13 06:39 PM
牛肉炖土豆: 谢谢 ,发现在电脑模式下,速食和熟食来回点击,出现的概率比较多,经常要点3下,另外点不到的时候,导航会自己动一小小下。

如下站,同样采用这个DEMO ...
》发现在电脑模式下,速食和熟食来回点击,出现的概率比较多

不知你大概来回点击多少次会出现一次?什么版本的什么浏览器?我试了五次,每次来回点击一百次(即速食和熟食各五十次),用时两分钟左右,没发现有问题。浏览器是 Chrome 87.0.4280.88 (Official Build) (64-bit)。

如果是很偶尔才出现问题,也许是没点好(点的不够重或者没点在区域内),因为点击后页面在动,点击很快的话容易出现失误。最近听我们单位同事说开发的一个网页有用户抱怨按钮偶尔点击两次才能成功,发现问题是用户第一次点的太边上了。按钮用了bootstrap类来增进按钮的外观和点击的动画效果,但问题是边上那些区域看上去属于按钮,但实际在按钮之外,没真的触发点击事件,但有了bootstrap的点击动画效果。

不知这个demo页是谁开发的,也许你可以把你的测试拍成视频报告给那个网站。
回复 牛肉炖土豆 2020-12-12 04:14 AM
天香公主: 试了很多次,很少遇到没点击到的情形,我都不确定是不是因为我点的不好。也从没连续出现过两次。无能为力了      ...
谢谢 ,发现在电脑模式下,速食和熟食来回点击,出现的概率比较多,经常要点3下,另外点不到的时候,导航会自己动一小小下。

如下站,同样采用这个DEMO,但是它这个是没问题的。,,真不知道是什么问题,没提示真不好办,是不是和点击事件有关呢https://app.guiigo.com/plugin.php?id=guiigo_manage&act=index&navactivate=sy&mobile=2
回复 天香公主 2020-12-12 01:46 AM
牛肉炖土豆: 1.这是新问题
2.这个BUG,在手机上出现,在Chrome模拟手机的也出现,鼠标点击导航时,经常出现,没反应,有时候要点两下才会切换。
3.规律好像没有,就是来回点 ...
试了很多次,很少遇到没点击到的情形,我都不确定是不是因为我点的不好。也从没连续出现过两次。无能为力了
回复 牛肉炖土豆 2020-12-7 04:18 AM
天香公主: 1)这是个和你这篇博文内容相关的问题,还是个新问题?
2)这个bug是只在手机上出现,还是浏览器里也有?
3)你能否摸索个规律出来,如果bug只是偶尔无规律出现 ...
1.这是新问题
2.这个BUG,在手机上出现,在Chrome模拟手机的也出现,鼠标点击导航时,经常出现,没反应,有时候要点两下才会切换。
3.规律好像没有,就是来回点击切换的时候经常出现
4.要命的是Chrome Console里没有错误信息提示!
5.网址就是这个DEMO,用https://www.swiper.com.cn/demo/fresh/
https://www.swiper.com.cn/demo/fresh/
回复 天香公主 2020-12-6 09:22 PM
牛肉炖土豆: 如图:
http://www.bian-wang.com/discuz/data/attachment/album/202012/06/200011wfj4jjedjil0e0h4.jpg

天香公主好,发现这个DEMO有BUG,就是导航那里来回点击 ...
1)这是个和你这篇博文内容相关的问题,还是个新问题?
2)这个bug是只在手机上出现,还是浏览器里也有?
3)你能否摸索个规律出来,如果bug只是偶尔无规律出现,就比较难解决
4)在Chrome里在这bug出现时,打开Development Tools,然后继续看bug是否继续出现,出现的话在Console tab里有没有错误信息
5)请给我网址URL
回复 牛肉炖土豆 2020-12-6 08:05 PM
天香公主: 那就好。我在Chrome 的developer tools 里改成手机模式后进入你的网页发现的确有你说的问题,但是把那页左右拉一下后问题就消失了。在手机上我也遇到了这个问题 ...
如图:
http://www.bian-wang.com/discuz/data/attachment/album/202012/06/200011wfj4jjedjil0e0h4.jpg

天香公主好,发现这个DEMO有BUG,就是导航那里来回点击切换,有时候点击不到,没反应,之前有用户反应他的手机点击不了,我没在意,今天我也遇到了。。
回复 牛肉炖土豆 2020-3-23 07:30 PM
天香公主: 那就好。我在Chrome 的developer tools 里改成手机模式后进入你的网页发现的确有你说的问题,但是把那页左右拉一下后问题就消失了。在手机上我也遇到了这个问题 ...
之前我也是左右拉了一下,问题消失过,当时没在意,我真是蠢啊,还是你细心,又一个苦恼已久的问题被你治愈了,感觉很爽,谢谢
回复 天香公主 2020-3-23 07:19 PM
牛肉炖土豆: 刚加进去了,奇迹发生了,居然可以滑动了 ,,,非常感谢!
这是什么原理呢?能否通俗的讲解一下?
那就好。我在Chrome 的developer tools 里改成手机模式后进入你的网页发现的确有你说的问题,但是把那页左右拉一下后问题就消失了。在手机上我也遇到了这个问题,但把手机横置后问题就消失了。所以说明window resize时有什么代码起了作用,所以我就想人工触发下这个事件。既然成功了,那我就不查这个事件触发什么代码了。
回复 牛肉炖土豆 2020-3-23 07:08 PM
天香公主: 我试了试的确有问题。你先试试在文件autoloadpage.js里的下面这行
    loadstatus = 0;
后加上
    window.dispatchEvent(new Event('resize'));
看能否解决问题 ...
刚加进去了,奇迹发生了,居然可以滑动了 ,,,非常感谢!
这是什么原理呢?能否通俗的讲解一下?
回复 天香公主 2020-3-23 06:10 PM
牛肉炖土豆: 哦,上帝 ,这俩JS我这边有本地缓存,所以没有提示报错,刚才强制刷新之后才意识到,不好意思了。。。

不过不是404的问题,刚才把JS加进去了,还是存在 ...
我试了试的确有问题。你先试试在文件autoloadpage.js里的下面这行
    loadstatus = 0;
后加上
    window.dispatchEvent(new Event('resize'));
看能否解决问题。参见 https://stackoverflow.com/questions/1818474/
回复 牛肉炖土豆 2020-3-22 05:34 PM
天香公主: 明白你的意思了。感觉你是要用swiper library来滑动,而不是用浏览器的滑动功能。但你有两个js文件swiper.min.js和zyhuadong.js的路径不对,所以没找到(404 Not ...
哦,上帝 ,这俩JS我这边有本地缓存,所以没有提示报错,刚才强制刷新之后才意识到,不好意思了。。。

不过不是404的问题,刚才把JS加进去了,还是存在之前的问题,

另外,swiper library来滑动和浏览器来滑动有区别吗?只要不影响功能我觉得无所谓吧?
回复 天香公主 2020-3-22 10:55 AM
牛肉炖土豆: 好。

1.这是初始的列表页面截图,
http://www.bian-wang.com/discuz/data/attachment/album/202003/21/172944nulxwxvrlwul8roz.jpg
滑动到底部,底部会有《加载 ...
明白你的意思了。感觉你是要用swiper library来滑动,而不是用浏览器的滑动功能。但你有两个js文件swiper.min.js和zyhuadong.js的路径不对,所以没找到(404 Not Found),先把路径改好了再试试吧
回复 牛肉炖土豆 2020-3-21 05:35 PM
天香公主: 你能否把你认为有问题的那个网页截个屏,再把图上有问题的部位标出来?也许你觉得已经讲得很清楚了,但我还是不很确定 ...
好。

1.这是初始的列表页面截图,
http://www.bian-wang.com/discuz/data/attachment/album/202003/21/172944nulxwxvrlwul8roz.jpg
滑动到底部,底部会有《加载更多》按钮,(这个是仿的电脑版的),点击这个《加载更多》之后,列表页会加载更多的数据呈现出来,这时候这个页面的高度就会增加,

2.问题是,当这个页面高度变化时,滑动不到底部了,拉不动,这个页面的高度还是原来的高度,好像是固定的
http://www.bian-wang.com/discuz/data/attachment/album/202003/21/172945y0ml4y6y8460hhzj.jpg

3.当页面高度变化时,如何让它的高度自适应?
回复 牛肉炖土豆 2020-3-21 04:46 AM
天香公主: 抱歉了,你网站里的文字我不认识,无能为力了
抱歉,刚才全部汉化了 ,现在应该是全部是中文,有空时帮看看吗?就这个页面 http://www.abc.com/forum.php?mod=forumdisplay&fid=38&mobile=2
回复 天香公主 2020-3-20 10:43 PM
牛肉炖土豆: 抱歉,还是这个案例,放在服务器里面了,http://www.newbzon.com/
但是点击《加载更多》,页面显示不全,高度好像不是自适应,这个有办法修复吗,卡在这里了,( ...
抱歉了,你网站里的文字我不认识,无能为力了
回复 牛肉炖土豆 2020-3-14 08:18 PM
天香公主: 您客气了,我好久没看Discuz了。最近因工作需要,在学习写APP,等我有空时试试用在Discuz上,再来介绍。
抱歉,还是这个案例,放在服务器里面了,http://www.abcn.com/
但是点击《加载更多》,页面显示不全,高度好像不是自适应,这个有办法修复吗,卡在这里了,(手机版)
回复 牛肉炖土豆 2020-3-11 12:24 PM
天香公主: 您客气了,我好久没看Discuz了。最近因工作需要,在学习写APP,等我有空时试试用在Discuz上,再来介绍。
好的,您终于着手研究APP了,哈,超期待~
回复 天香公主 2020-3-11 12:19 PM
牛肉炖土豆: 老师好,您一下就看明白了,佩服...我去试试看
您客气了,我好久没看Discuz了。最近因工作需要,在学习写APP,等我有空时试试用在Discuz上,再来介绍。
回复 牛肉炖土豆 2020-3-11 12:14 PM
天香公主: 看来是Discuz在将模版文件转换成php文件时消掉了带美元符号的内容,我好象以前也遇到过。建议把script部分放在一个独立的js文件里,再在模版文件里调用它。 ...
可以了,非常感谢^^,不吃不喝搞了两天,终于解决了...... 感动!
12下一页

facelist doodle 涂鸦板

您需要登录后才可以评论 登录 | 立即注册

小黑屋|Archiver|彼岸网  

Powered by Discuz! X3.1 © 2001-2014 Comsenz Inc.
GMT-4, 2026-5-21 10:54 AM , Processed in 0.033568 second(s), 21 queries.

返回顶部