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 适用于触摸设备 - 但事件存在小问题 的相关文章

  • WooCommerce 自定义产品类型选项不隐藏自定义产品选项卡

    我刚刚向我的 WC 管理产品页面添加了自定义产品类型选项 add filter product type options this filter product type options 99 1 public function filte
  • 如何设置必须输入特定数字的字段?

    我想知道如何创建一个需要输入特定数字或文本的字段 例如 激活码 以及在输入的确认答案的情况下移动到 网页 并且在未确认的情况下移动到 另一页面 的按钮 使用必需的属性
  • jquery 当前可见的第 n 个子级

    我可以像这样设置每 4 个 item div 的样式 jQuery item nth child 4n addClass fourth item 这工作得很好 但后来我隐藏了一些项目 显示了其他一些项目 并想重新做这个样式 但只对每第四个可
  • jQuery 中什么函数相当于 .SelectMany()?

    让我解释一下 我们知道 jQuery 中的映射函数充当 Select 如 LINQ 中 tr map function return this children first returns 20 tds 现在的问题是我们如何在 jQuery
  • 选择 asp.net CheckBoxList 中的所有项目

    ASP NET 和 C 我想要一个带有 全选 项目的复选框列表 当这个特定项目是 已选择 所有其他都将被选择 也 当选择被删除时 这个项目 也将来自所有人 其他物品 选中 取消选中 任何其他项目只会有一个 对特定项目的影响 无论选择状态如何
  • 如何使用 jQuery 单击特定链接时打开引导导航选项卡的特定选项卡?

    我是 jquery 和 bootstrap 的新手 所以请考虑我的错误 我已经创建了一个用于登录和注册的 bootstrap 模式 它包含两个导航选项卡 称为登录和注册 我有两个按钮可以弹出相同的模态窗口 但在模态窗口内显示不同的选项卡 每
  • 使用jquery调用AS3外部接口

    我正在使用ExternalInterface 调用嵌入在html 页面中的Flash 应用程序 以下代码工作正常 我正在使用按钮进行测试 document ready function button click function var a
  • 选择单选按钮时隐藏/显示 3 个文本框

    我有 2 个单选按钮 选择一个文本框时 我想显示 3 个文本框 并在选择其他文本框时隐藏它 这是代码 这是我的 2 个单选按钮
  • Select2 有 10.000 多个元素时打开速度很慢

    我正在使用 Select2 来填充下拉菜单 Select2如果底层选择有相当数量的项目 则打开下拉菜单时会很慢 我的下拉列表中有超过 10 000 个元素 这是我的代码 ajax url Companies GetCompanies met
  • 使用 jquery 单击或更改广播上的事件

    我的页面中有一些收音机 我想在检查的收音机发生变化时执行一些操作 但是代码在 IE 中不起作用 input radio change 在谷歌搜索后 人们建议使用click反而 但这不起作用 这是示例代码
  • 如何防止 iframe 中的链接在新选项卡中打开

    我为我制作的基于网络的操作系统制作了一个基于网络的小型网络浏览器 我注意到在某些网站中 它们有喜欢在新选项卡中打开的链接 有没有办法可以防止这种情况并在 iframe 中打开链接 这是我的整个浏览器的代码 以防万一
  • IE6刷新时内存泄漏?

    我每隔几秒钟重新加载一个页面以从服务器获取更新 该页面可以打开并且这种情况可能永远发生 我猜测 特别是因为该浏览器位于未关闭的远程服务器上 我这样做 setTimeout function location href location hr
  • JQuery .hasClass 用于 if 语句中的多个值

    我有一个简单的 if 语句 if html hasClass m320 do stuff 这按预期工作 但是 我想添加更多的类if statement检查是否存在任何类标签 我需要它 所以它不是全部 而只是至少一个类的存在 但它可以更多 我
  • 根据复选框和数据元素隐藏/显示表格行

    我想隐藏表中的行 因为我选中了复选框并且该数据元素在表中不正确 另一个实验 我还可以使用数据元素进行排序并按下拉列表排序 查看 tr 标签 价格 名称 评级 吗 div class filter list div
  • 如何使引导日期选择器只读?

    我正在努力创建嵌入式 内联日期选择器 它不可点击 它应该只显示日期 表现为只读 我正在做的是用模型中选定的日期填充日历 然后我尝试使其不可点击 这样用户就不会认为他可以编辑任何内容 我正在使用 eternicode bootstrap da
  • 如何使用 javascript/jquery/AJAX 调用 Django REST API?

    我想使用 Javascript jQuery AJAX 在前端调用 Django Rest API 请求方法是 POST 但当我看到 API 调用它的调用 OPTIONS 方法时 所以 我开始了解access control allow o
  • 循环遍历元素并逐步为每个元素应用 CSS 规则

    我有一个网格布局 每个网格布局中都有不同数量的元素 我想动态添加内联grid column通过循环遍历 div 中存在的每个元素的 CSS 规则 ul 与一类 list 所以 HTML 代码的输出需要是 ul class list ul u
  • 获取点击的的DOM路径

    HTML div class lol a class rightArrow href a div 伪代码 rightArrow click function rightArrowParents this dom dom is the pse
  • jQuery - 系列之外的 HighCharts 标签(条形图)

    function container highcharts chart type bar backgroundColor null width 360 title text null style display none subtitle
  • 将 HTML 表格导出到 Excel

    我在 ASP NET MVC 视图页面上有 HTML 表 现在我必须将该表导出到 Excel 1 我使用部分视图 Inquiries ascx 来显示数据库中的表数据 使用LINQ to Entity 2 我还使用了 UITableFilt

随机推荐