标签: ratchet-2
任何可以替代离子的ReactJs组件框架？
目前,我的周末项目正在使用离子框架.
我认为angularjs很好但是ReactJs更加灵活和快速.
任何ReactJs组件框架(主要是css +一些常见的东西,比如ftScroller就足够了)可以替代离子？
我试过http://goratchet.com/加上我所有的黑客攻击.但是会遗漏许多小的影响.例如:单击效果或文本选择.
那是周末项目,维护所有小东西太难了.(我的周末项目 - 将全尺寸照片发送到任何电话号码的应用程序:https://play.google.com/store/apps/details？id = com.eddyy.app)
我正在寻找可以在上面构建类似项目的Cordova/Phonegap解决方案.请帮忙!
推荐指数
解决办法
查看次数
react.js - 处理固定页眉和页脚的React-router
我有反应路由器调整的React.js应用程序,我对我当前的路由处理有疑问.
设计如下,常见的移动布局,固定的页眉和页脚,中间的内容:
在它们是静态的情况下,我可以简单地创建这样的结构:
<RatchetHeader />
<RatchetFooter />
<RouteHandler />
但偶尔他们会在页面之间进行更改,例如:
- 标题和按钮文本
- 按钮数量
- 某些页面上没有页脚
将它们放在视图控制器中并在每次重新渲染时更好RouteHandler吗？
推荐指数
解决办法
查看次数
在使用Ratchet\Push.js加载页面后执行自定义脚本
因此,在Ratchet 2.0.2的GitHub文档中,我发现了以下声明.
包含JavaScript的脚本标记不会在使用push.js加载的页面上执行.如果要将事件处理程序附加到其他页面上的元素,则文档级事件委派是一种常见的解决方案.
有人可以请详细说明如何<script>在加载后获得自定义执行Push.js？
在我的第一页上,我有一个表视图,其中有几个指向其他页面的链接,其中一个链接指向第二个页面,其上有一个Twitter Feed小部件.
<li class="table-view-cell media">
<a class="navigate-right" href="Twitter.php" data-transition="slide-in">
<span class="media-object pull-left icon icon-person"></span>
<div class="media-body">
Twitter Feed
</div>
</a>
</li>
第二页仅包含twitter feed小部件代码.当我直接浏览到这个页面(没有被加载Push.js)时,一切都正确加载,但是当它通过Push.js加载时,脚本不会被执行.
有人可以解释我需要做什么才能让这个脚本在加载后执行Push.js？我搜索了Google,Stack Exchange和Github\Ratchet问题,但未能找到如何实现这一目标的好例子.
一种解决方案是添加data-ignore="push"到链接,但我想知道如何处理WITH push.js.
<div class="content">
<a class="twitter-timeline" href="https://twitter.com/XXXX" data-widget-id="XXXX">Tweets by XXX</a>
</div>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>
推荐指数
解决办法
查看次数
棘轮Ratchicon套装的附加图标
我正在使用Cordova,Phonegap和Ratchet进行iOS应用.如何在最新版本的Ratchet上添加其他图标？我们尝试使用bootstrap图标集,但它与Ratchet CSS存在某种冲突.
我从Github添加了ratchet-ios7.css,它似乎有更多的图标,但我不能使用它们,包的文档链接也不起作用.
有什么解决方案吗？
推荐指数
解决办法
查看次数
使用Ratchet push.js库执行多个JS文件
我正在开发一个带有棘轮2.0.2的Phonegap应用程序,使用push.js进行页面之间的转换.一切顺利,但几个小时前我偶然发现了这个:
包含JavaScript的脚本标记不会在使用push.js加载的页面上执行.如果要将事件处理程序附加到其他页面上的元素,则文档级事件委派是一种常见的解决方案.
经过更多的研究后,我发现了这一点:在用Ratchet\Push.js加载页面后执行自定义脚本
这几乎是我遇到的同样问题,但是我需要更进一步,因为我不仅要加载一个脚本,而且需要加载两个(以后可能更多),如何利用checkPage()加载多个脚本脚本？
var checkPage = function(){
//Only run if twitter-widget exists on page
if(document.getElementById('twitter-widget')) {
loadTwitterFeed(document,"script","twitter-wjs");
}
};
window.addEventListener('push', checkPage);
推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
Ratchet Push.js不推
我在CodeIgniter之上构建了一个PHP应用程序,它通过移动到控制器到控制器(.php文件)而不是从一个静态页面移动到另一个(.html文件).
问题:链接拒绝工作.
我不确定这是否是问题,但我已经浏览了文档,它似乎是与源代码相比唯一的例外 - 我正在调用.php文件而不是.html文件.
在您询问之前 - 在我的系统上,booknav是一个可行的控制器,在点击它时加载一个可行的视图.
另外 - 我可以看到这里的片段实际上正在工作.我正在尝试调试这个 - 为什么这里的代码片段会发送一个链接,而我的服务器上的等效代码却没有？
这是我最终的HTML文件:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Project</title>
<!-- Including Ratchet CSS + JS + Custom CSS !-->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-status-bar-style" content="black">
<link href="//cdnjs.cloudflare.com/ajax/libs/ratchet/2.0.2/css/ratchet.css" rel="stylesheet" />
<script src="//cdnjs.cloudflare.com/ajax/libs/ratchet/2.0.2/js/ratchet.js"></script>
</head>
<body>
<header class="bar bar-nav">
<h1 class="title">Select Your Book</h1>
</header>
<div class="content">
<div class="card">
<ul class="table-view">
<li class="table-view-cell">
<a class="navigate-right" href="booknav" data-transition="slide-in">
<span><strong> Book 1</strong></span>
</a>
</li> …推荐指数
解决办法
查看次数