问题标签 [remodal]

我在使用带有System js的 jQuery 插件remodal时遇到问题。

Remodal 包含在 html 标头中。

我遇到的问题是在我没有访问 remodal 的视图模型类中。

错误：“JQuery”类型上不存在属性“remodal”

我假设我需要以某种方式将插件导入模型，但不知道该怎么做。

我试过 import * as remodal from '../../../../assets/vendor/remodal/dist/remodal.js'; 但是得到错误找不到模块。

我还尝试更新系统配置以包含路径、地图、元数据；但我有点困惑 System.config 部分与 system.import 与导入“项目”的目的是什么；

我正在使用Remodal Javascript lib 来处理模态窗口。关键是该库具有自定义事件的处理程序，例如以下 javascript

当通过单击另一个 DOM 元素打开模式窗口时将触发。

现在，如果我在 javascript 文件中添加以下对点击事件的调用

无论前一个脚本的位置如何（即在另一个之前或之后），我都看到该opening事件是在之前触发的。我知道，在 Javascript 中并不能真正保证事件的执行，除了一些例外或使用 jQuery 时（例如以正确的顺序附加侦听器）。

现在，我怎样才能设法执行click之前opening？它发生在之前，但不知何故应该有另一个click侦听器附加到之前执行的锚点。

任何想法？

我一直在使用remodal进行确认和通知弹出窗口。我没有这样做是允许输入密钥提交。我尝试寻找解决方案，但网络上似乎没有解决方案，并且开发人员似乎在解决输入键问题之前放弃了他的工作。

我尝试使用 javascript switch-case 代码，但同样，如果用户决定在按下回车键之前单击响应内容，这会产生更改焦点的问题，此外，这种方法非常耗时。

我转过这3条线索：

线索1：打开remodal窗口时data-remodal-id，div的属性成为窗口位置。示例 = ../mypage.php#myremodal

线索 2：确认按钮具有以下属性：data-remodal-action="confirm"

线索 3：Remodal 窗口放在页面 z-index 的前面。

我正在尝试找到一种方法来简单地模拟.click()当前打开的 remodal 的确认按钮。正如我所说，我switch(from){}在打开的 remodal 部分尝试并分配from = $(e.currentTarget).attr("data-remodal-id");以选择确认哪个模态，但这会由于结构和所有确认的应用非常耗时而产生其他问题。

这是在脚本中控制 remodal 动作的方式：

我有一段 html，基本上看起来像这样：

然后是 remodal 弹出窗口的定义，如下所示：

然后，一旦我调用要执行的弹出窗口，如下所示：

一旦这个事件完成，我注意到它会在我所在的 URL 中添加一个#modal（我不希望这种情况发生）。

触发事件后，我有一个如下所示的网址：

但网址应保持如下：

有什么办法可以防止这种情况发生（这样一旦弹出窗口出现，#modal 部分就不会添加到 url 中）？

我有一个显示在模式窗口中的帖子类型。模态是使用Remodal库创建的。

不幸的是，当打开模式时，内部的 MediaElement.js 视频播放器已经被初始化为不正确的尺寸 - 高度和宽度设置为内联样式，尺寸约为 1600 像素宽度和 900 像素高度。宽度会根据模态框的宽度自行调整，但高度不会，这会在视频上方和下方创建巨大的黑条。

我正在寻找一种方法来获取 MediaElement.js 播放器并在打开模式时调整视频大小。因为它是由 Wordpress 初始化的，所以我不知道如何获取它。从 Stack 上的其他问题来看，玩家似乎在一个mejs对象内，并且有一个内置的方法来调整玩家和控件的大小。但是，我尝试了各种方法来尝试在播放器上调用调整大小的方法，但到目前为止没有任何效果。例如：