jQuery FullCalendar 适用于触摸设备 - 但事件存在小问题

2024-04-21

http://page-test.co.uk/cal/ http://page-test.co.uk/cal/- 完整日历演示

我已经设置了它,这是一个基本的 jQuery FullCalendar 设置,带有相关的附加功能,以支持触摸设备。

链接页面中包含的文件均为默认文件。

该演示在非触摸设备上完美运行,但在触摸设备上却很困难。

主要在 iPhone/iPad 上进行测试(其他触摸设备的操作或多或少完全相同),一旦拖动一个项目,就不能拖动另一个项目。因此,您可以拖动任何项目,但其他项目会被锁定。

一些关键点:

  • 更改视图(月/周等)然后允许再次拖动所有内容

  • 如果您先点击/触摸另一个元素,则可以拖动该元素,但不能拖动其他元素,直到您先触摸这些元素。

  • 在 BlackBerry Playbook 上,它的行为实际上略有不同。如果你去拖动一个不同的元素(通常什么也不会发生),那么在 PlayBook 上它似乎什么也不做(当你在屏幕上滑动手指时) - 但是当你放开时(什么也没有发生) go 它选择可拖动元素,然后取消选择它。如果您然后拖动该元素,它就可以正常工作。

  • 更改设备的方向会立即锁定页面上的所有元素,并且必须先将视图更改为月/周或触摸一次元素,然后才能再次拖动任何内容。

我敢打赌这是一个单行修复,但我花了几个小时却无法让它做任何事情。

我只想让它在 iPad/iPhone 上运行。

似乎是 mouseup/touchend 没有触发某些东西,或者 touchstart 事件在第一次拖动后被删除,但我只是无法找到问题。


Edit:

I used 触摸冲床 http://touchpunch.furf.com/dayRender 允许在触摸设备上选择一天或多天。我刚刚添加了源代码,并将 Touch Punch 中的 addTouch() 函数添加到了日期单元格的渲染中:

dayRender: function( date, cell) {

cell.addTouch();

},

这至少可以让您在触摸设备上选择一天或几天,您也许可以在其他地方使用其他 Touch Punch 功能来执行更多操作,但我还没有尝试过。


我在使用 iPad 时也遇到了同样的问题。我试过https://github.com/jboesch/jQuery-fullCalendar-iPad-drag-drop https://github.com/jboesch/jQuery-fullCalendar-iPad-drag-drop以及我的全日历应用程序,可以拖动一个事件但不能拖动另一个事件,它会滚动。我禁用了滚动,但仍然得到相同的行为。我也尝试了这里提到的最后一个选项与这个项目https://github.com/joshgerdes/jquery.ui.touch https://github.com/joshgerdes/jquery.ui.touch

我还想选择几天或几小时来创建活动。我查看了 iPad 上的谷歌日历,它也缺少此功能,并且如果它无法在您的浏览器(iPad 上的 safari)上运行,他们会发出使用移动版本的通知。移动版本不会在月视图中显示任何事件,因此这不能作为我的应用程序的选项。具有可选择性和拖放功能的功能齐全的全日历将是理想的选择,但触摸设备可能无法很好地支持这一点。我也会继续寻找解决方案,但如果谷歌不提供该功能,它可能不容易实现,我们可能需要提供移动版本和/或实时版本,无法选择并在触摸屏上拖放。我也非常感谢其他人的帮助。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery FullCalendar 适用于触摸设备 - 但事件存在小问题 的相关文章

  • 获取点击元素的 HTML 内容 jQuery

    我有以下 HTML
  • 禁用输入中的空格,并允许后退箭头?

    我试图禁用用户名文本字段中的空格 但是我的代码也禁用后退箭头 有什么办法也允许后退箭头吗 function var txt input UserName var func function txt val txt val replace s
  • 如何在phonegap应用程序中使用存储在localStorage中的json feed?

    这就是我正在做的 向我的网络服务器发出请求 响应采用 json 格式 使用 jquery 模板在我的应用程序中呈现回调数据 非常简单 就像魅力一样 问题是 我想在本地存储一些数据 这样我的应用程序就不必每次都从服务器获取它 3g 很慢 每笔
  • 匹配数组中的对象并合并

    UPDATE 我有一个名为的对象数组cars包含 li 标签 其中包含有关汽车的属性数据 例如价格 汽车类型等 我的目标是 如果这些汽车符合某些标准 则将它们合并到一个列表中 要求 快速性能 保持相同的汽车数组结构 Main Goal Ma
  • 在 javascript 中访问 ajax POST 响应

    我正在从 javascript 函数发出 ajax POST 请求 function UpdateMetrics ajax type POST url MyHandler ashx Param1 value1 data contentTyp
  • JavaScript 中的正则表达式用于验证十进制数字

    我想要 JavaScript 中的正则表达式来验证十进制数字 它最多只允许两位小数 例如 它应该允许10 89但不是10 899 它还应该只允许一个句点 例如 它应该允许10 89但不是10 8 9 尝试使用以下表达式 d d 0 2 如果
  • 使用 jQuery 检查输入是否为空

    我有一个表单 我希望填写所有字段 如果单击某个字段然后未填写 我想显示红色背景 这是我的代码 apply form input blur function if input text is empty this parents p addC
  • JQUERY 中用于加载 JQGRID 的选项卡

    我正在使用 jqgrid 制作网格 我想在我的应用程序中创建选项卡 单击选项卡应打开一个网格 选项卡的名称应显示在页面顶部 当我单击另一个选项卡时 它应该加载另一个网格 网格应该加载在同一页面上 并且选项卡也应该始终出现在页面上 我已经创建
  • Ajax JSON 数据和灯箱冲突

    我有一个带有灯箱插件的画廊设置光廊 http sachinchoolur github io lightGallery docs 该画廊与静态 HTML 完美配合 当我动态抓取 API 数据并尝试让灯箱处理这些项目时 问题就出现了 我似乎无
  • 比较表中的行以了解字段之间的差异

    我有一个包含 20 多列的表 客户端 其中大部分是历史数据 就像是 id clientID field1 field2 etc updateDate 如果我的数据如下所示 10 12 A A 2009 03 01 11 12 A B 200
  • 水平平滑滚动 100px

    Heyjo problem 一周以来我一直在寻找 javascript 或 jQuery 代码 以便在我的网站上实现滚动按钮 我失败的那一刻是按钮应该多次工作的时候 他的任务不是滚动到专用元素 而是应该向左滚动 例如 100px 此外 滚动
  • 单击导航项锚链接时如何关闭切换菜单

    请看我的FIDDLE http jsfiddle net ayhpp8ax 我有一个带有 响应式 导航菜单 带有指向页面上元素的锚链接 的 1 页网站 当浏览器视口小于特定宽度 在我的情况下为 767px 时 使用此 javascript
  • 在 iframe 中打开的网页上调用我的 jquery 函数

    我想单击一个按钮 该按钮位于基于父页面中的类选择器的 iframe 中打开的网页上 我试过这个 each classname function i el setTimeout function el trigger click 30000
  • jQuery,使用 ~ 作为 id 的一部分 - 如何?

    在我的应用程序中 我有一个表单 其中的元素使用特定的约定命名 即它们是路径 其各部分使用 sign 现在我需要通过 id 在 jQuery 中访问其中之一 但失败了 显然 jQuery 将其视为 prev sibling thing 有什么
  • 如何发送正确的授权标头以进行基本身份验证

    我正在尝试从 API 发布数据 但无法通过基本身份验证 I try ajax type POST url http theappurl com api v1 method data crossDomain true beforeSend f
  • Instagram 粉丝计数 - 使用 jQuery / json 和 PHP

    经过几个小时的工作和一些帮助萨希尔 米塔尔我们已经成功使用 jQuery json 和 PHP 检索 Instagram 关注者计数 这是我们设法整理的内容 希望对其他想要获取 Instagram 信息的人有所帮助 我们的 jQuery I
  • onclick 事件中未调用函数

    我想在每个 YouTube 链接的末尾添加一些 HTML 以在 litebox 中打开播放器 到目前为止 这是我的代码 document ready function var valid url new RegExp youtube com
  • Highcharts jQuery 渲染问题 - 所有浏览器

    我在尝试使用构建堆积柱形图时遇到了一个奇怪的问题高图表 http www highcharts com 当图表呈现时 在您调整浏览器大小之前 不会显示列无论如何 导致图表重绘 我认为 图表的其余部分显示 轴 标题等 但不显示列本身 我在 I
  • 将数组从 jquery ajax 传递到代码后面

    我必须将二维数组传递给在asp net网页代码后面编写的页面方法我有一个变量objList作为二维数组 我使用以下代码来实现此目的 但没有成功 并且未调用页面方法 脚本语言 function BindTable objList ajax u
  • 没有输入的 jQuery 日期选择器

    我有一个相当复杂的网络应用程序 我想向其中添加一些日期选择 UI 我遇到的问题是我无法从文档中弄清楚如何真正控制日期选择器的出现方式和时间 不涉及任何表单元素 不 我不会添加秘密表单字段 因此简单的开箱即用方法根本行不通 我希望有人可以提供

随机推荐