问题标签 [ratchet-bootstrap]

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 投票
8 回答
10436 浏览

javascript - 如何使用棘轮启用 push.js ajax 内容加载器

我正在尝试从棘轮实现 push.js 引擎:

http://maker.github.com/ratchet/#push

我从这里下载了棘轮文件:

http://maker.github.com/ratchet/ratchet.zip

并且正在使用 apache 来提供所有 js、css 和 html。所有文件都在同一个目录中。

这是我的 one.html 文件:

这是我的 two.html 文件:

我如何将这两个文件链接在一起?

看起来 push.js 包含在内,但是当我单击 a href 时什么也没做。

我觉得我错过了关于这个实现的一些明显的东西。

谢谢您的帮助。

0 投票
1 回答
722 浏览

angularjs - Ratchet transitions not working with AngularJS

I have built an mobile app using the ui compenent ratchet and angularjs. As far everythings works fine. I wanna use transitions when switching between pages, but this feature does not work. I'm using following transition definition:

In index.html i also try to catch the ratchet push event when clicking on the link above. No events occur.

How can make push.js and angularjs play nicely together?

0 投票
3 回答
1465 浏览

javascript - Programmatically load a url using Ratchet push.js

The Ratchet single-page application framework uses push.js to load new pages into view. For example:

This will use push to replace everything in the .content div with the .content of link.html. It will also update .bar-title and .bar-tab if you have them on both pages.

I would like to use the same mechanism with a Javascript function call. Before I start patching Ratchet, is there an elegant way to do that?

Thanks!

0 投票
2 回答
872 浏览

html - 棘轮:在列表中添加按钮

我有这个模型:www.guestinnation.com/mockup/list.html

如您所见,它是一个图像列表,但我希望在每个图像下都有一行这样的按钮:http: //maker.github.io/ratchet/#buttons

不幸的是,Ratchet 的 CSS 非常复杂,最终将这些按钮对齐在右侧和(垂直)在图像的中间......你猜怎么做?

(我不能在这里发布所有的 CSS,因为它很长......但它是你从他们的网站下载的标准)

--> 酒店游客地图

0 投票
2 回答
725 浏览

jquery - Snap.js JQuery 冲突?

在我的 Ratchet 项目中实施后,我无法使用 jQuery 访问我的div元素snap.js,有谁知道为什么以及如何解决这个问题?

我已经包含了 jquery.js 并实现了 $(document).ready(function(){});

我得到“未捕获的类型错误:无法调用 null 的方法‘就绪’”

0 投票
1 回答
943 浏览

javascript - 使用 Ratchet 框架切换活动类

Ratchet 移动框架使用如下所示的底部按钮结构:

我正在尝试使用 JS 将活动选项卡更改为单击的任何一个选项卡。我试图采取的方法是以下逻辑。

如果站点所在的页面与 href 链接相同,则显示该链接处于活动状态。

我不希望它只是单击的最后一个按钮,因为还有其他方法可以导航回应用程序的主要部分,如果他们正在查看的内容完全不相关,让按钮显示为活动状态会看起来很奇怪。

谢谢你的帮助。

0 投票
1 回答
1263 浏览

ratchet-bootstrap - 棘轮滑块不显示文本

我复制粘贴了棘轮滑块的示例,但 1)我的图片没有响应,2)文本没有显示在图像上或每张幻灯片上。

问:是否可以:

问:如何让每张幻灯片显示文本?我肯定错过了什么。

这是我的网站,如果你想看的话。

0 投票
1 回答
4178 浏览

javascript - 带有 phonegap 的棘轮 push.js (cordova)

我用棘轮。我的 phonegap 应用程序有两个页面,包含 jquery.js、ratchet.js 和 blockui.js(基于 jQuery)。

索引.html:

2.html:

起初$.blockUi()运行正确。然后我按第一页的链接。在我按下第二页上的链接后,没有 JavaScript 运行。我该怎么办?

0 投票
1 回答
1723 浏览

javascript - goRatchet 框架中的切换按钮

谁能告诉我棘轮框架中切换按钮的代码。我的意思是如果切换按钮启用{做某事}其他{做其他事情}。我没有在网络上的任何地方得到它。

对于其他面临问题的人。上面的代码对我有用。

0 投票
1 回答
1238 浏览

javascript - TWBS Ratchet - 如何手动关闭模态?

我正在用 Ratchet 构建一个移动网络应用程序。我要做的是打开一个模式,填写一个表格,按下一个按钮,然后保存并关闭模式。

我可以用它的记录按钮关闭一个模式,我也可以保存表单字段......但是如何一起做这些事情呢?在 Ratchet 的文档中,没有解释如何使用 JavaScript 手动关闭模式。

我将 Ratchet 与 AngularJS 一起使用,因此该按钮调用了一个 Angular 函数,我应该在其中关闭模式。