小编Nea*_*int的帖子

如何使用Meleb.js中每个命令的把手填充引导网格系统?

我试图每行显示3个项目.我的模板看起来像这样:( 更新)

 <template name="projectList">
   {{breakTimeReset}}
   <div class=row>          
  {{#each projects}}

    {{> projectItem}}

        {{#if breakTime}}
        </div>
        <div class=row>
        {{/if}}

   {{/each}}
   </div>
</template>
Run Code Online (Sandbox Code Playgroud)

正如您在数据库中看到的每个项目,我输出projectItem.我想输出它们,所以每3个项目都包含在一个

这是我的助手

Template.projectList.helpers({
    projects: function() {
        return Projects.find();
    },
    breakTimeReset: function() {
        Template.projectList.doCount = 0;
    },
    breakTime: function () {
        count = Template.projectList.doCount + 1;
        console.log(count);
        Template.projectList.doCount = count;

        if (count % 3 == 0) {
            console.log("Started break");
            return true;
        }
        else
            return false;
    }
});
Run Code Online (Sandbox Code Playgroud)

我的问题是如何设置它以便每行有3个项目,然后它知道在每3个项目之后插入一个新的行div?我目前设置它的方式导致非常时髦的结果,因为在项目之前插入新的div是不可靠的.

在这里查看结果:http://testprojectapp.meteor.com

你会看到第一行显示确定,但之后我得到一些时髦的结果.如果您通过查看页面源来查看DOM,您将看到与我的代码不匹配,这很奇怪.

如果这是一个令人困惑的问题,请告诉我.谢谢!

html css handlebars.js twitter-bootstrap meteor

6
推荐指数
1
解决办法
2774
查看次数

如何禁用Quill编辑器

我有一个显示富文本数据的模板.当用户点击编辑时,我将模板转换为可编辑的Quill编辑器,如下所示:

  'click #editNote': (e, t) ->
    note = t.find '.container'
    console.log note
    basicEditor = new Quill(note)
Run Code Online (Sandbox Code Playgroud)

然后,一旦用户单击"保存",我希望能够禁用"Quill"编辑器.我怎样才能做到这一点?

quill

6
推荐指数
3
解决办法
4843
查看次数

当鼠标悬停在链接上时,为什么部分css悬停颜色会遗留下来?

这是一个非常奇怪的问题,当剩余部分悬停颜色遗留下来时,确实会使链接看起来很难看.例如,我将鼠标悬停在一个白色的链接上,它将变为蓝色,并且在悬停时,它会变回白色,但剩下一些蓝色.

在下面的图片中,"hi"是未发现的链接,"Quotes"显示链接上的左侧悬停颜色,"信息理论"目前正在盘旋,因而是蓝色.正如你可以看到"报价"上的左侧颜色是我的问题.

在此输入图像描述

此外,将鼠标悬停在此文件夹图标上时,如果整个图标在悬停时应为黑色,则文件夹的一侧会有一些白色.

在此输入图像描述

这是这个问题的一个小问题: http ://jsfiddle.net/000ge3xv/1/

如果您快速将鼠标悬停在所有链接上,您可以轻松地使用小提琴重现它.最终,悬停颜色将部分"卡住"在某些链接上.我正在Chrome中测试该网站.我没有注意到Safari中的问题,也没有在其他浏览器中测试过.

UPDATE

经过更多测试后,我认为问题与在笔记本电脑上使用触控板滚动有关.由于侧边栏是可滚动的,如果用户使用光标在链接上向下滚动列表,则当用户向上或向下滚动时,悬停状态将被激活.当悬停状态以这种方式激活时,颜色趋于卡住,如下图所示.通常,我向下滚动列表,然后选择一个链接,该链接会在使用触控板滚动时激活状态.因此,如果您正在使用笔记本电脑(我正在使用macbook pro触控板)并滚动选择链接,您应该能够重现该错误.)

这是我正在使用的html和css:

HTML

<div id="sidebar">
<nav id="cbp-spmenu-s1" class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left unselectable cbp-spmenu-open">
   <div class="sidebar-content">
      <div class="heading">
         <div class="fa fa-bookmark-o"></div>
         <span data-toggle="modal" data-target="#newCollectionModal">
            Bookmarks
            <div class="fa fa-plus"></div>
         </span>
      </div>
      <ul class="allList">
         <li><a href="/bookmarks">All Bookmarks</a></li>
      </ul>
      <ul id="sortableCollections" class="ui-sortable">
         <li><a href="/bookmarks/GhbYYoo2Qokib8Wkk">Created in IE</a></li>
         <li><a href="/bookmarks/qFFspAHte7hKmFyuG">Test2</a></li>
         <li><a href="/bookmarks/34ujRW3wjJrfTsbiG">Physics</a></li>
         <li><a href="/bookmarks/h2otTW6rmPA3W7Ri3">Food</a></li>
         <li><a href="/bookmarks/3AiQot9WvrGeMAN5C">Meteor Packages</a></li>
         <li><a href="/bookmarks/y3Max5ind7N6CTRto">Seelio</a></li>
         <li><a href="/bookmarks/tScXGq4ZMfSJx2LZL">Test</a></li>
         <li><a href="/bookmarks/6ijnJL3GZzLgiaJso">Meteor</a></li>
      </ul>
      <div class="heading">
         <div class="fa fa-pencil-square-o"></div>
         <span data-toggle="modal" data-target="#newNotepadModal">
            Notepads
            <div class="fa fa-plus"></div>
         </span> …
Run Code Online (Sandbox Code Playgroud)

html css hover

6
推荐指数
1
解决办法
423
查看次数

如何检测离线Meteor Cordova应用程序,然后使用GroundDB临时存储数据,直到重新联机?

这是目标:

一位农民有一部智能手机,然后进入他的谷仓用应用程序清点库存.有时他的手机没有在谷仓中连接互联网,因此应用程序需要脱机工作,离线存储数据,然后在重新连接后将其同步到云端.

农民也应该只需要登录并注册一次应用程序,然后每次打开应用程序时,它应该只是打开主屏幕而不再要求登录信息.怎么可以做到这一点?

我正在使用Meteor制作应用程序,而Meteor内置了Cordova来打包应用程序.我见过GroundDB:https://github.com/GroundMeteor/db

据我所知,在文档中,我知道如何创建本地集合并使用collection.insert将数据添加到该集合中.

但我很遗憾如何编写应用程序以在手机上打开而不需要互联网,并检测是否存在互联网?

然后我如何检测互联网是否已经回来,然后同步所有以离线模式存储的数据?

如果有人可以帮助说明这将如何工作,将不胜感激!

offlineapps cordova meteor

6
推荐指数
2
解决办法
1773
查看次数

无法在Google API的Drive UI Integration中保存任何内容

我正在使用chrome并在点击Drive API后启用它,并在选项卡Drive UI Integration中没有任何东西可以保存!我尝试刷新,重启并在多台计算机上.

我输入我的应用程序名称并更改设置,但保存按钮永远不会启用.

到底是怎么回事?有什么我想念的东西.这太令人困惑了?我无法继续,因为保存按钮永远不会启用

在此输入图像描述

google-drive-api google-drive-realtime-api

6
推荐指数
1
解决办法
289
查看次数

如何让多个图像自动调整大小并保持在div中居中

我试图将多个大学徽标图像连续缩小,因为浏览器宽度变小而不会溢出其容器div,就像我上面的蓝色图片一样.通过应用最大宽度和100%的高度,图片在其div内缩放.但徽标图像不会以相同的方式缩放并溢出div.

这是一个实例:http://feroze.org/new-education/ - 尝试调整大小,看看我的意思

这是徽标容器div灰色栏的CSS

#partners
  height 105px
  background-color #eee
  white-space nowrap
  width 100%
Run Code Online (Sandbox Code Playgroud)

这里是应用于徽标图像本身的CSS

.logo-image
  vertical-align middle
  padding 13px
  max-width 100%
  display inline
Run Code Online (Sandbox Code Playgroud)

如您所见,我将它们垂直对齐在灰色条中.但是当条形缩短时,我希望图像保持在div内并根据容器div调整大小.

任何帮助将不胜感激!谢谢

徽标溢出的截图

html css image image-resizing responsive-design

5
推荐指数
1
解决办法
2万
查看次数

如何检测iFrame何时全屏显示?

我有一个使用iFrame嵌入在我的网站中的文档.iFrame来自Box.com文档查看器.iFrame有自己内置的全屏按钮.全屏按钮位于iFrame中,因此我无法将单击事件监听器附加到按钮.我将属性allowfullscreen添加到iFrame以允许它全屏显示.

我想做这样的事情:

$('iframe').on 'EnterFullScreen', () ->
  # Run function
Run Code Online (Sandbox Code Playgroud)

但是我需要听哪个事件来检测iFrame何时全屏?

这是一个jsfiddle与我嵌入的文档类型.目标是检测文档何时全屏显示.

http://jsfiddle.net/Rnvcm

html javascript iframe jquery events

5
推荐指数
1
解决办法
3930
查看次数

Meteor:为什么Iron Router的onBeforeAction被多次调用?

当我在浏览器中访问路径时,我希望Iron Router在加载路由之前调用onBeforeAction一次.但看起来它在首次加载路线时被调用了3次.

这对我来说是一个问题,因为如果用户无法访问该文档,我想放置重定向用户的代码.

onBeforeAction: ->
  console.log 'called once' #Called 3 times when first loading the route!
  thread = Research.findOne(@params._id)
  console.log thread # This is undefined at first run
  thread = Research.findOne(@params._id)
  if thread?
    Meteor.subscribe 'collabUsers', @params._id
  else
    Router.go '/research'
Run Code Online (Sandbox Code Playgroud)

由于它被多次调用,因此会导致重定向问题.具有访问权限的第一个用户也会被重定向,因为第一个线程未定义.

如果检查用户是否可以访问路由所依赖的数据,我试图做什么,如果没有,那么我需要重定向用户.这就是为什么在onBeforeAction中我试图从数据库中提取文档,如果它存在,那么我将加载页面,否则我将重定向或抛出错误消息给用户.

但我注意到,首次加载路由时,onBeforeAction中的console.log语句被调用3次.而且在第一次运行时,用户由于某种原因无法访问任何研究线程(我相信订阅尚未设置,并且首次运行时无法访问文档)因此,这会导致我尝试查看是否有访问权限的问题因为在第一次运行时没有人有权访问.

这是整个router.coffee代码

appendUserData = (array) ->
  _.each array, (item) ->
    user = Meteor.users.findOne(item.userId)
    if user?.profile.firstName? && user?.profile.lastName?
      item.firstName = user.profile.firstName
      item.lastName = user.profile.lastName
      item.username = user.username

userEnabled = () ->
  if Meteor.user()
    if $(window).width() > 768
      if !$('.show-left').hasClass 'active' …
Run Code Online (Sandbox Code Playgroud)

meteor iron-router

5
推荐指数
1
解决办法
1323
查看次数

无法运行NPM get error:找不到模块'are-we-there-yet'

我刚刚删除了Node并用自制软件重新安装了它.我首先安装没有npm.然后使用npm删除该版本并安装节点.

安装成功但现在我无法使用NPM.

我尝试使用NPM的任何东西都会出错

module.js:338
    throw err;
    ^

Error: Cannot find module 'are-we-there-yet'
    at Function.Module._resolveFilename (module.js:336:15)
    at Function.Module._load (module.js:286:25)
    at Module.require (module.js:365:17)
    at require (module.js:384:17)
    at Object.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npmlog/log.js:2:16)
    at Module._compile (module.js:434:26)
    at Object.Module._extensions..js (module.js:452:10)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Module.require (module.js:365:17)
Run Code Online (Sandbox Code Playgroud)

我完全不知道该尝试什么.没有npm命令我可以尝试.我尝试使用自制程序删除并重新安装节点,但这不起作用.请帮忙

UPDATE

我看到了这个答案:npm不起作用,总是得到这个错误 - >错误:找不到模块'我们还在那里'

但解决方案不起作用.我甚至没有文件夹

cd /usr/local/Cellar/node/0.10.22/lib/node_modules

在lib文件夹中没有node_modules.

甚至npm i npm -g没用.

homebrew node.js npm

5
推荐指数
1
解决办法
7777
查看次数

检查数组是否有某个字符,为什么我的代码不起作用?

你好这里是一些检查有效字符的代码,虽然代码不起作用.即使'operand'是有效字符,它也永远不会打印是,并返回false.无论什么即使角色有效,它也只是不识别它并且总是转到else语句.请帮忙!

public static boolean checkValidOperands(char operand) {

    char[] validOperators = {'+', '-', '*', '/', 'q'};
    List<char[]> validOp = Arrays.asList(validOperators);
    if (validOp.contains(operand))  {
        System.out.println("Yes");
        return false;
    }  else {
        System.out.println("Please enter valid operand");
        return true;
    }
}
Run Code Online (Sandbox Code Playgroud)

java arrays search contains

4
推荐指数
1
解决办法
6476
查看次数