小编cor*_*vid的帖子

强制停止滚动到达scrollspy部分的末尾

这是一个小提琴,知道我从哪里开始

我想解决的问题涉及"分页"单个html文件的内容,这样一次将它们锁定到一个部分.我想要它,以便当用户滚动到某个部分的底部时,它会向上滑动提示以移动到下一页,这将触发转换,例如不同的缓动/从底部并将它们"放入"下一部分.

这将在下一节重复; 当他们滚动到顶部时,他们会得到一个"上一个"按钮,但除非他们点击"上一个",否则无法移动.如果它们触及底部,则无法在不单击"下一步"的情况下移动到下一页.如果他们单击部分选项卡,它将执行转换并将其从当前页面转移到该页面

我知道这将停止滚动,但是如何修改它以防止以这种方式滚动?

$('body').on({
'mousewheel': function(e) {
    if (e.target.id == 'el') return;
    e.preventDefault();
    e.stopPropagation();
    }
})
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery twitter-bootstrap

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

用于烧瓶stream_with_context页面的twitter样式滚动加载

我有一个搜索页面,它将搜索静态文件并获取一些信息以放在头版上.以下是我如何管理创建搜索的算法.

@search.route('/')
def properties_search():
    if len(request.args) > 0:
        d = CSVReader()
        row_count = len(list(search_csv(d, request.args)))
        gen = stream_with_context(search_csv(d, request.args))
        return Response(
            stream_with_context(
                stream_template(
                    'advanced_search/results.html',
                    rows=gen
                )
            )
        )
    return render_template('advanced_search/advanced.html')

def search_csv(rows, form):
    for row in rows:
        if satisfies_all_requirements(row, form):
            yield row
Run Code Online (Sandbox Code Playgroud)

但是,当它击中页面时,它将继续呈现每个结果而不会停止.

<div class="results">
  {% for each in rows %}
    {# blah blah some html goes here, you get the point #}
  {% endfor %}
</div>
Run Code Online (Sandbox Code Playgroud)

如何在此模板上启用无限滚动,以便它不会在第一次点击时渲染每个结果?

javascript python jquery flask

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

有条件地完成链条承诺

我有一个Promise链,我执行了许多操作.当我达到某个then陈述时,我想创建一个可以继续链的分叉,否则,将解决整个即将到来的承诺链.

readFile('example.json').then(function (file) {
    const entries = EJSON.parse(file);
    return Promise.each(entries, function (entry) {
      return Entries.insertSync(entry);
    });
  }).then(function () {
    if (process.env.NODE_ENV === 'development') {
      return readFile('fakeUsers.json');
    } else {
      // I am done now. Finish this chain.
    }
  })
  // conditionally skip these.
  .then(() => /** ... */)
  .then(() => /** ... */)
  // finally and catch should still be able to fire
  .finally(console.log.bind('Done!'))
  .catch(console.log.bind('Error.'));
Run Code Online (Sandbox Code Playgroud)

这可能与承诺有关吗?

javascript node.js promise ecmascript-6 bluebird

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

动态调整图像大小?

我有一个横幅,它有一定的尺寸.它上面有装饰品.我还有基于页面百分比的整个网站样式表.我想保持这种方式.但是,有没有办法动态调整我的横幅图像?因此,如果我缩小网页,它不会省略横幅的任何部分?

html javascript css jquery web

0
推荐指数
1
解决办法
1842
查看次数

在指定目录中启动JFileChooser并仅显示特定类型的文件

我有一个使用JFileChooser的程序.简而言之,完整的程序是一个GUI,允许用户操纵PNG和JPG.我想这样做,以便JFileChooser立即打开图片目录(窗口).当用户打开他们的JFileChooser时,它会直接打开图片库C:\ Users \(USER)\ Pictures

此外,仅显示特定类型的文件(PNG和JPG)会很好.许多程序似乎能够做到这一点; 只允许选择特定文件.JFileChooser是否允许这样的事情?目前,我正在使用一种大规模不可靠的运行方法来拒绝非PNG/JPG.

以下是GUI的"浏览"按钮,用户将选择其图片进行编辑,并将其显示在屏幕上.

    try {
       int val = filec.showOpenDialog(GridCreator.this);
       if(val==JFileChooser.APPROVE_OPTION) {
          File unfiltered_picture = filec.getSelectedFile();
          //get the extension of the file
          extension=unfiltered_picture.getPath();
          int index=extension.indexOf(".");
          extension=extension.substring(index+1, extension.length());
          //if the file is not jpg, png, or jpeg, reject it and send a message to the user.
          if(!extension.matches("[jJ][pP][gG]") && !extension.matches("[pP][nN][gG]") && !extension.matches("[jJ][pP][eE][gG]")) {
             JOptionPane.showMessageDialog(null,
                                           "cannot load file. File must be of type png, jpeg, or jpg. \n Your file is of type " + extension,
                                            "Error: improper file",
                                            JOptionPane.OK_OPTION); …
Run Code Online (Sandbox Code Playgroud)

java swing jfilechooser image filefilter

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

用类似键组合两个词典

假设我有两个这样的词典:

first_dict = {'1': 3, '2': 4, '3':8, '9': 20}
second_dict = {'3': 40, '9': 28, '100': 3}
Run Code Online (Sandbox Code Playgroud)

现在这里的想法是:我希望得到所有相同的密钥,并将这些密钥的条目放入每个值的字典中.

例如:

combined_dict = {'3': {'first_dict': 8, 'second_dict': 40}, '9': {'first_dict': 20, 'second_dict':28}}
Run Code Online (Sandbox Code Playgroud)

对于较大的词典,最好的方法是什么?

python dictionary python-2.7

0
推荐指数
1
解决办法
80
查看次数

使用ramda获取变量的升序/降序

我有一个要按名称排序的用户列表。该列表如下所示:

const data = [
  { id: 2, name: 'Asterios' },
  { id: 1, name: 'Alex' },
  { id: 4, name: 'Tim' },
  { id: 3, name: 'Sadie' },
]
Run Code Online (Sandbox Code Playgroud)

我实现了一个相对简单的选择器,该选择器将根据某些属性对用户列表进行排序。

const getUserList = createSelector(
  getUsers,
  getSortBy,
  getSortOrder,
  (users, sortBy, sortOrder) => R.sortWith([
    R.ascend(R.prop(sortBy)),
  ])(users),
);
Run Code Online (Sandbox Code Playgroud)

但是,我要使用sortOrder可以为'ASC'或的变量'DESC',并应用该排序顺序。

我尝试过这样的事情:

const sortDirection = R.ifElse(R.equals('DESC'), descend, ascend);

sortWith([ compose(sortDirection(sortOrder), prop('name')), ])
Run Code Online (Sandbox Code Playgroud)

是否有通过变量应用此升/降排序逻辑的好方法?

javascript functional-programming ramda.js

0
推荐指数
1
解决办法
945
查看次数