Reveal.js幻灯片中的Jquery UI可拖动定位问题

Posted

技术标签:

【中文标题】Reveal.js幻灯片中的Jquery UI可拖动定位问题【英文标题】:Jquery UI draggable positioning problem inside Reveal.js slide 【发布时间】:2020-10-01 06:49:54 【问题描述】:

我的 jquery draggable 在平面 html 页面中工作正常(reveal.js 不存在)。

在我的 reveal js 演示文稿中,我使用 embed=true [意味着我没有为每张幻灯片使用整页。每张幻灯片我只使用了整页的一部分]。

在任何 Reveal js 滑动中,可拖动项目不会随光标移动。仅当光标和可拖动项目位于其起始位置时才准确。但是当我选择可拖动项并移动光标时,可拖动项会远离光标。

【问题讨论】:

【参考方案1】:

经过三天的恐慌,我终于找到了这个错误。 jQuery 可拖动对象在自动缩放元素中提取问题。 Reveal.js 幻灯片默认自动缩放。我只是将下面的代码放在 Reveal.initialize 中。这解决了我的问题。

minScale: 1,
maxScale: 1,

顺便说一句,在解决了可拖动问题之后,现在我所有的幻灯片内容都改变了它们的大小和位置。现在我需要修复它们。

编码愉快:)

【讨论】:

以上是关于Reveal.js幻灯片中的Jquery UI可拖动定位问题的主要内容,如果未能解决你的问题,请参考以下文章

HTML Reveal.js - 代码幻灯片

从reveal.js中删除垂直中心

reveal.js 如何在幻灯片中添加图片

Reveal.js一个用来做WEB演示文稿的框架

Reveal.js一个用来做WEB演示文稿的框架

如何主持一个reveal.js 演示文稿