小编Ste*_*eve的帖子

每隔三位数字为数字添加逗号

如何使用jQuery使用逗号分隔符每三位数格式化数字?

例如:

???????????????????????????
?   Input   ?   Output    ?
???????????????????????????
?       298 ?         298 ?
?      2984 ?       2,984 ?
? 297312984 ? 297,312,984 ?
???????????????????????????
Run Code Online (Sandbox Code Playgroud)

jquery number-formatting

149
推荐指数
11
解决办法
23万
查看次数

使用jQuery和CSS将数字转换为星级评分显示

我一直在看jquery插件,并想知道如何调整该插件将数字(如4.8618164)转换为4.8618164星星填充5.基本上将数字<5转换成星星填充5星评级系统使用jQuery/JS/CSS.

请注意,这只会显示/显示已经可用数字的星级,而不接受新的评级提交.

javascript css jquery rating

100
推荐指数
5
解决办法
12万
查看次数

如何使用Backbone.Paginator.js运行多个实例?

我试图Backbone.Paginator.js在同一页面上运行多个app(多个paginator实例).

我创建了一个测试页面.(导航到backbone.paginator/examples/netflix-infinite-paging).

我保留了代码app.js和创建app2.js,这是一个克隆,app.js但所有的JavaScript代码都位于一个文件中,应用程序已重命名为app2.

两个实例在第一次加载页面时起作用,但后续请求/刷新只加载app2.js的数据.

是否可以在同一页面上运行多个实例?

  • 我有兴趣使用自动分页(无限/无限滚动)所以我试图使用保罗爱尔兰语,jQuery Infinite Scroll plugin但我无法让它工作.
  • 我正在启动插件来运行文档就绪(这不起作用,如预期的那样),但也运行app2的ResultView中的代码,这也不起作用.

关于如何获得自动分页无限滚动解决方案的任何想法?


更新:在跨不同浏览器进行进一步测试后,似乎问题可能是缓存问题/差异.例如,在Safari中,它在刷新页面时有时(随机)工作.我不知道如何调试.有任何想法吗?

javascript jquery backbone.js underscore.js infinite-scroll

39
推荐指数
1
解决办法
1481
查看次数


underscore.js模板中的变量

如何在underscore.js模板中为使用backbone.js?构建的应用程序设置变量?我只想创建可重用的已处理字符串.此外,可以使用underscore.js内置函数_.escape来处理这些变量吗?

<script type="text/html" id="templateresults">

<p><%= encodeURIComponent(title) %></p> // this works

// try 1:
var encodedTitle = encodeURIComponent(title); // shows up as regular text
<p>'+encodedTitle+'</p> // this doesn't work and shows up as regular text

// try 2:
<% var encodedTitle = encodeURIComponent(title); %> // nothing shows up
<p><% '+encodedTitle+' %></p> // nothing shows up

</script>
Run Code Online (Sandbox Code Playgroud)

title 是一个JSON项(文本字符串).

编码输出:This%20is%20a%20Sample%20Title
常规输出:This is a Sample Title

javascript template-engine underscore.js

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

在Javascript中等效于"window"的"element.scrollHeight"?

什么是相当于element.scrollHeightwindow纯香草的Javascript?我正在尝试将代码重写为目标windowdocument代替element

转换这个: remaining = element.scrollHeight - (element.clientHeight + element.scrollTop);

进入: remaining = window.scrollHeight - (window.innerHeight + window.pageYOffset);

javascript

10
推荐指数
1
解决办法
7467
查看次数

在 Docker 容器内运行的 Postgres 上安装和使用 pg_cron 扩展

我尝试pg_cron在 Docker 容器内运行的 Postgres 上安装,但收到此错误could not access file "pg_cron": No such file or directory。关于如何解决的任何想法?

基于/sf/answers/3625828811/,我尝试了以下方法:

docker-compose.yml

version: '3.7'
services:
  pg:
    container_name: pg-container
    image: postgres:11.5
    environment:
      POSTGRES_DB: "pgdb"
      POSTGRES_USER: "pguser"
      POSTGRES_PASSWORD: "pgpass"
    volumes:
      - ./:/docker-entrypoint-initdb.d
      - pgstorage
    ports:
      - "5432:5432"

volumes:
  pgstorage: 
Run Code Online (Sandbox Code Playgroud)


002-setup.sh

#!/bin/sh
# Remove last line "shared_preload_libraries='citus'"
sed -i '$ d' ${PGDATA}/postgresql.conf
cat <<EOT >> ${PGDATA}/postgresql.conf
shared_preload_libraries='pg_cron'
cron.database_name='${POSTGRES_DB:-postgres}'
EOT
# Required to load pg_cron
pg_ctl restart 
Run Code Online (Sandbox Code Playgroud)


003-main.sql

CREATE EXTENSION pg_cron; 
Run Code Online (Sandbox Code Playgroud)

postgresql docker docker-compose

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

如何在$ .unbind之后重新启用/重新绑定jQuery UI Sortable?

$('div.something').sortable(options)工作正常,但后来打破$('div.something').unbind();.试图重新运行$('div.something').sortable(options);$('div.something').sortable('refresh');之后$('div.something').unbind();没有帮助.

我使用$ .unbind通过从应用插件的元素中删除事件来停用/取消启动插件,但是这种技术正在产生不利影响,因为它打破了$ .sortable.关于如何重新激活可排序的任何想法?

我正在使用最新版本的jQuery和jQuery UI.

jquery jquery-ui jquery-ui-sortable

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

将ISO8601日期转换为纪元格式(unix时间戳)

如何使用javascript将ISO 8601日期(例如20140107)转换为Unix时间戳(例如1389120125)?

javascript date converter iso8601 unix-timestamp

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

父容器内的中心图像

想要垂直和水平居中图像,而无需明确设置其父级的高度。我希望最高图像的高度是父图像的高度,并将所有其他兄弟图像居中。

最终结果将类似于http://fiddle.jshell.net/4myos5s2/,其中高大的图像设置父级的高度。

使用 flexbox 但仍需要为父级定义高度:http : //jsfiddle.net/danield770/vc4cd02a/

div {
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    border: 1px solid green;
    width: 100%;
    height: 80vw;
}

<div>
    <img alt="No, he'll be an engineer." src="http://placehold.it/350x150" />
</div>
Run Code Online (Sandbox Code Playgroud)

javascript css centering flexbox

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