我如何包括触摸滑动?动态加载跨平台内容并减少页面加载时间

时间:2013-11-26 19:44:58

标签: android jquery responsive-design touch swipe

我们的想法是建立一个可以为移动和桌面用户提供全面体验的网站。 '完整体验'意味着使用jquery。

最重要的是可访问性,所以我想知道它们是否是一种跨平台的方式来构建支持文本,链接以及最重要的触摸滑动的滑块/轮播。

为了提高速度,我更喜欢单独加载幻灯片。我理解ajax可能是解决方案..但不知道如何。任何人都可以指导我进行任何基本的教程吗?

最后一个跟进问题.. ajax是否可以安全地将内容动态加载到移动设备上?

另外在网站布局方面。调整页面大小时,大多数布局将根据css媒体规则而改变。但是根据屏幕的大小,有一些元素需要传送。

我考虑过创建单独的元素,这些元素将被隐藏并用jquery / css显示,但不是特别喜欢在不需要时加载的代码的声音。 这与滑块略有不同,因为如果屏幕尺寸发生变化,此代码需要立即响应(例如,平板电脑用户从纵向更改为横向...或桌面用户放大。) 我只是不喜欢隐藏代码的声音..这是什么最好的做法?

问题再次出现......

  • 我如何构建跨平台滑块,允许文本,链接和触摸滑动(字面上不知道从哪里开始触摸滑动。)

  • 如何动态加载内容? (用ajax)?这也适用于智能手机吗?

  • 人们加载'布局'代码(在页面加载时)只有在满足某些参数时才可见(例如屏幕大小)。例如2个不同的菜单,一个用于小屏幕,一个用于a大。或者是否有一种安全的方法只在需要时加载布局代码,这会减少页面加载时间(特别是对于移动用户)。

感谢

1 个答案:

答案 0 :(得分:0)

3)触摸滑动的工作方式与点击+拖动相同,因此您应该能够为移动设备和桌面使用相同的代码。这是一个很好的例子:http://scripterlative.com/files/dragdivscroll.htm