问题标签 [ratchet-2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
351 浏览

modal-dialog - 棘轮模式关闭不吸引人

我创建了 2 个模态,但该栏位于另一个栏后面,并且关闭图标 X 未显示,我该怎么办?

链接http://www.techana.com/About/ “图标是模态”

谢谢

0 投票
1 回答
366 浏览

css - 为什么棘轮组件无法正确渲染

这是我的小提琴我从Segmented Control添加了 css 组件并添加了相关库,但没有按预期工作,就像在网站中一样

0 投票
0 回答
1048 浏览

ratchet-2 - Ratchet 2 Popover 是否有效?

文档说

弹出框设计为仅从标题栏触发。将 title href 的值设置为弹出框的 id,如下所示:

但是我已添加到示例模板中,但对我不起作用

我可能做错了什么?谢谢

0 投票
1 回答
1237 浏览

javascript - 在我添加数据转换之前,Knockout JS 与 Ratchet 和 push.js 配合得很好

我正在使用 Ratchet.js/push.js 库为移动 Web 应用程序创建 UI。在这个库中,链接是通过将要加载的文件“推送”到“.content”DOM 元素而不是加载整个页面来处理的。但是,push.js 不会加载它在加载页面时找到的任何脚本——这会禁用我的 Knockout.js 代码。

我在 StackOverflow 上找到了一个运行良好的解决方案 - 只需为推送事件添加一个事件侦听器。我对其进行了修改,以便它可以跨多个页面加载任何脚本,因此它可以与外部脚本文件一起使用:

在目标 HTML 页面中,脚本被赋予了 class 和 id 标签,因此它们可以与上述内容一起使用:

还要注意,Knockout 绑定必须发生在特定的命名 DOM 元素上,这样才不会混淆:

我们使用 cleanNode 来避免“已经绑定”的错误。

好的!所以这一切都很好,我希望为此苦苦挣扎的人会发现它很有用。

但是,当链接被赋予过渡时:

然后它以“无法读取未定义的属性'nodeType'”中断。我曾认为这可能只是等待转换完成的问题,但即使我将脚本的 eval 替换为:

它没有帮助。

任何建议或帮助将不胜感激!如果我不使用过渡,我真的不需要“推送”页面,所以我希望有人拥有最后一把钥匙来完成这一切!

更新:发生错误是因为使用转换时的“document.querySelectorAll”调用使用当前文档而不是被推送的文档。此外,使用“webkitTransitionEnd”作为我的事件也可以,但这并不能解决文档问题。因此,我可以完成这项工作,但仅限于一次转换 - 现在我无法获取正在加载的文档。理想情况下,无论链接是否使用过渡都有效的解决方案是我正在寻找的。

0 投票
3 回答
533 浏览

ratchet-2 - 使用 data-transition 和 push.js 时导航栏元素消失

我正在使用 Ratchet 构建移动应用程序的原型。我有一个

页面 A 和页面 B 中的元素。

当使用从页面 A 到页面 B 的数据转换(使用 push.js)时,元素会消失。

另一个元素

正在显示在页面 A 和 B 中。有什么想法吗?

0 投票
2 回答
528 浏览

ajax - 没有 push.js 的 Ajax 请求

我正在使用Ratchet 2构建应用程序。我正在尝试进行简单的 ajax 调用并得到这样的响应

}

当我单击触发tryLogin()ajax 调用的按钮时,该按钮执行良好,但页面已重新加载。我假设它来自 push.js

有什么解决方案可以忽略 ajax 调用中的 push.js 吗?

0 投票
0 回答
5076 浏览

reactjs - 任何可以替代离子的 ReactJs 组件框架?

目前,我的周末项目正在使用离子框架。

我认为 angularjs 很好,但 ReactJs 更加灵活和快速。

任何可以替代 ionic 的 ReactJs 组件框架(主要是 css + 一些常见的东西,如 ftScroller 就足够了)?

我尝试了http://goratchet.com/以及我所有的技巧。但是会错过很多小效果。例如:点击效果或文本选择。

那是周末项目,维护所有的小东西太难了。(我的周末项目 - 将全尺寸照片发送到任何电话号码的应用程序:https: //play.google.com/store/apps/details?id=com.eddyy.app

我正在寻找可以在上面构建类似项目的 Cordova/Phonegap 解决方案。请帮忙!

0 投票
0 回答
264 浏览

twitter-bootstrap - 将 Ratchet2 与 Bootstrap 一起使用

我想将Ratchet2与 Bootstrap 一起使用。我主要只是想要 Ratchet 2 的徽章、推送功能,也许还有它的图标。

显然,我正在尝试创建一个外观和感觉都像本地应用程序的 Web 应用程序。

但是,我想继续使用我的基本引导代码。我查看了 Ratchet 文档,似乎 Bootstrap 和 Ratchet 不能一起工作,因为它们的许多类名发生冲突。

想知道是否有人试图完成我打算做的事情。即,有没有人试图只合并棘轮的某些方面?效果如何?在执行此任务时有什么需要注意的吗?

0 投票
3 回答
743 浏览

cordova - Ratchet 和 Phonegap 如何协同工作

据我了解,Ratchet 需要服务器来更改视图的内容,而无需实际更改页面本身。这是否意味着任何当前正在运行的 JS 文件在视图更改后仍然存在?此外,当与 Phonegap 一起使用时,页面服务器是否仍然需要,还是仅用于使用浏览器进行开发?

0 投票
1 回答
766 浏览

javascript - Ratchet.js 和 window.history.back();

我的所有 jQuery 人员都有一个init函数,我在准备好文档时执行该函数,并带有一个推送事件侦听器:

在通过推送加载的页面上,我在标题上有一个反向链接。注意后面的课程。

回去我用

而且效果很好。但是,回去后,我的其他 jquery 员工都没有工作。

我尝试过 onpopstatechange 但我的一些 jquery 执行不止一次

关于如何在 ratchet.js 上实现后退按钮的任何想法?

谢谢