草庐IT

next_item

全部标签

javascript - 无限滚动和 will_paginate 多次附加项目的 'next page'

我正在关注thisrailscast尝试在我的Rails应用程序上实现无限滚动页面。当用户向下滚动到页面底部时,将附加一组新的项目并且页面会扩展,但是它会多次附加到页面,即使数组中的所有项目都已加载,事件也会在向下滚动时再次触发,多次再次附加同一组项目。我想要的是在每次用户滚动到底部时附加项目的“下一页”,并在用户再次滚动到底部时附加后续的下一页。这是这个函数的jQuery:jQuery->if$('.pagination').length$(window).scroll->url=$('.pagination.next_page').attr('href')ifurl&&$(wind

javascript - AngularJS 和 i18next

我看过一些Angular的i18n插件,但我不想重新发明轮子。i18next是一个很好的库,所以我打算使用它。我创建了一个仅调用i18n库的指令i18n:define(['app','jquery','i18n'],function(app,$,i18n){'usestrict';app.directive('i18n',function(){returnfunction($scope,elm,attrs){attrs.$observe('i18n',function(value){if($.fn.i18n){//forsomereason,itisn'tloadedquicklyen

javascript - AngularJS 和 i18n : apply ng-repeat filters after translating list items properties

JSFiddle:http://jsfiddle.net/X2fsw/2/我尝试使用angular-translate创建多语言AngularJS应用程序.我的代码中嵌入了一个静态项目列表。此列表的每个项目都有一个标题,该标题必须以当前选择的语言显示。翻译是在翻译服务的帮助下直接在View中完成的。示例:{{myObject.title|翻译}}。我希望使用ng-repeat显示列表,然后按项目标题过滤它。但是,过滤器应用于翻译键,而不是翻译后的字符串。在保持运行时切换语言的能力的同时更正此行为的最佳方法是什么?我可以在每次语言更改时将翻译后的字符串存储为另一个属性(例如myObjec

javascript - 在 ES6 中,第一次调用迭代器的 `next` 方法时参数会发生什么变化?

如果你有一个生成器,比如,function*f(){//Beforestuff.leta=yield1;letb=yield2;return[a,b];}然后运行varg=f();//thisquestionisoverthisvalue.g.next(123);//returns:{value:1,done:false}g.next(456);//returns:{value:2,done:false}g.next();//returns:{value:[456,undefined],done:true}第一次调用.next()设置a为123,第二次调用设置b到456,但是在最后一次

javascript - Paperjs 0.9.25 - item.setRampPoint 不是函数

我已经使用paperjs一年了,没有任何问题。在Chrome更新(版本55.0.2883.87m)之后,一些我已经2个月没有接触过的生产代码开始失败并出现error:item.setRampPointisnotafunction:paper-full.js:13213未捕获类型错误:item.setRampPoint不是函数atoffset(paper-full.js:13213)atObject.(paper-full.js:13263)atObject.forIn(paper-full.js:46)atFunction.each(paper-full.js:133)atapplyA

javascript - 将 react redux 与 next.js 结合使用

我尝试将Redux与next.jsstarter结合使用项目,我在项目上安装了next-redux-wrapper但我不确定这个项目的根文件在哪里。我尝试按照next-redux-wrapper上显示的教程进行操作但没有成功。没有任何变化。请帮助我如何将Redux添加到项目中。问候。 最佳答案 Next.js使用App组件来初始化页面。您可以覆盖它并控制页面初始化。虽然这个演示是针对next.js的,但它应该适用于nextjs-starter。安装next-redux-wrapper:npminstall--savenext-red

javascript - react .js : How do you change the position of a Component item

如何在React中更改组件项的位置?除非我误解了,否则React按key排序列表项,在DOM中用data-reactid表示,但我不知道如何修改页面组件的key即您如何获取组件,更改它的key,然后触发渲染,以便重新排序的列表按照您设置的顺序呈现?例如在下面的代码示例中,当单击Clickme链接时,第一个列表项将与最后一个列表项交换。理想情况下,此功能允许您动态重新排序/重新定位页面上的任何组件,而无需更改render方法中组件的顺序。这是完整项目所在的存储库的链接:https://github.com/bengrunfeld/gae-react-flux-todosvarTodoBo

javascript - 使用 i18next 的异步语言选择器

我正在使用http://jamuhl.github.com/i18next本地化静态网站。我的初始化脚本是:jQuery(function($){varsetLng=$.url().param('setLng');if(setLng){language_complete=setLng.split("-");}else{language_complete=navigator.language.split("-");}language=(language_complete[0]);console.log("Ispeak(root):%s",language);i18n.init({lng:

javascript - VueJS : How to Access the Previous Item in v-repeat

我有一个表,它从LaravelAPI获取一些JSON来填充行。我正在使用VueJS和v-repeat:@{{entry.id}}@{{entry.distance}}km@{{entry.consumption}}l@{{getPrice(entry)+'€'}}@{{getCost(entry)+'€'}}@{{getAverageConsumption(entry)+'l'}}@{{getAverageCost(entry)+'€'}}@{{getCostPerDay(entry)+'€'}}@{{this.getDate(entry)}}现在我想计算AverageCostPerD

javascript - react 表中的自定义 "Previous"和 "Next"文本

有没有办法自定义react-table页footer分的文本?我正在尝试自定义那里的默认文本。提前致谢。 最佳答案 根据此处的文档react-table,可以使用组件的columns属性的Footer属性将自定义页脚添加到表格。但是,如果您想更改屏幕截图中显示的Previous和Next文本,我会说您必须更改主要ReactTable组件的nextText和prevText属性,更多可以在这里看到inthepropsdocumentation 关于javascript-react表中的自定