小编Cor*_*rey的帖子

jQuery Isotope:最初隐藏项目

因此,我的项目可以具有多个用于过滤的类。像这样:

<div class="items>
    <div class="item category-1 category-2">An item that displays initially.</div>
    <div class="item category-1 category-2 initially-hidden">An item that is initially hidden.</div>
    <div class="item category-1 category-2">An item that displays initially.</div>
    <div class="item category-1 category-2 initially-hidden">An item that is initially hidden.</div>
    <div class="item category-1 category-2">An item that displays initially.</div>
</div>
Run Code Online (Sandbox Code Playgroud)

使用同位素,如何在页面加载时隐藏具有特定类的项目?假设我要隐藏任何类别为带initially-hidden负载的项目,但是当我单击该项目具有的其他任何类别的过滤器时,仍然能够显示该项目?对于上面的示例代码,说我单击了一个category-2过滤器,那么所有具有category-2(即使具有initially-hidden)的项目都会出现吗?

基本上在我正在处理的项目中,客户端希望能够最初在页面加载时隐藏项目,但是在过滤时显示它们。因此,我为她创建了一种使用标记这些内容的方法initially-hidden,但无法绕过如何最初隐藏它们的想法,但是当单击关联的过滤器时,仍然允许它们显示出来。

我已经通过desandro 遇到了这个小提琴,但这并不是我要找的东西,因为它假定每个项目只有一个类(红色,绿色或蓝色)。

编辑

这是我编辑过的desandro小提琴的一部分,它更像我的情况(项目可以有多个类)。小提琴

最终编辑

答案似乎是相反的,添加一个initially-shown类并过滤页面加载时的那些类。因此,没有让我的客户将所有内容都标记为initially-shown,而是使用了这种方法:

$container.find('.tile:not(.initially-hidden)').addClass('initially-shown');
Run Code Online (Sandbox Code Playgroud)

因为它们有数百个项目,而且似乎只藏了极少数。

这是最新的小提琴

jquery jquery-masonry jquery-isotope

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

S3:如何授予对多个存储桶的访问权限?

我有一个允许访问1个桶的策略:

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Effect": "Allow",
            "Action": [
                "s3:ListBucket",
                "s3:GetBucketLocation"
            ],
            "Resource": "arn:aws:s3:::MYBUCKETNAME"
        },
        {
            "Effect": "Allow",
            "Action": [
                "s3:PutObject",
                "s3:GetObject",
                "s3:DeleteObject"
            ],
            "Resource": "arn:aws:s3:::MYBUCKETNAME/*"
        }
    ]
}
Run Code Online (Sandbox Code Playgroud)

我很好奇我如何允许访问多个存储桶?但是,我不想允许访问所有存储桶.我是否只是将"声明"部分的两个子部分加倍?

我需要授予访问权限的存储桶也会有一个模式,如下所示:

abc-xyz-client

客户永远是不同的东西.是否更容易添加某种通配符访问?

amazon-s3 amazon-web-services

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

CSS:半个颜色的圆圈和另一个颜色的另一半?

用CSS做这样的事情有可能吗?基本上一半的圆圈和另一半的颜色? 在此输入图像描述

css css3

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

Ruby字符串转换为int/float

所以我想说我有一个字符串'$3,444.11'.如何将其转换为浮点数3,444.11?我有一个表格领域.用户可以插入"3,444.11","3444.11""$3,444.11"或"€3,444.11".我需要的是3,444.11浮动.我是否必须使用正则表达式?或者,是否已经有一个我忽略的功能?

ruby

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

使用PHP AWS SDK在file_put_contents上设置ACL

require 'vendor/autoload.php';

use Aws\S3\S3Client;

$client = S3Client::factory(array(
    'key'    => 'MY_KEY',
    'secret' => 'MY_SECRET'
));

// Register the stream wrapper from a client object
$client->registerStreamWrapper();

$data = $_POST["image_data"];

list($type, $data) = explode(';', $data);
list(, $data)      = explode(',', $data);
$data = base64_decode($data);

file_put_contents('s3://webcamapp/filename.png', $data);
Run Code Online (Sandbox Code Playgroud)

这段代码工作正常,花花公子,我看到我的图片上传到我的桶.但是我需要将ACL设置为public-read,因为我将此文件发送到S3,因为我将在我的网站上显示图像.我无法想出使用这种方法做到这一点的方法.想法?

php sdk amazon-s3 amazon-web-services

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

如何将fontello图标放入输入值?

说我有这个代码:

<input type="submit" value="Send" />
Run Code Online (Sandbox Code Playgroud)

但在文本"发送"后我想要一个fontello图标.显然这不起作用:

<input type="submit" value="Send <i class='icon-right-circle'></i>" />
Run Code Online (Sandbox Code Playgroud)

在我的fontello demo.html文件中,该图标的代码是0xe81c.是不是有把这个图标放在输入值?像HTML实体一样?

谢谢!

html fontello

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

Instagram API:从具有特定主题标签的特定用户处获取帖子

我知道这两个端点:/users/{user-id}/media/recent/tags/{tag-name}/media/recent

但我试图只获得某个用户的帖子,这些用户也有一个标签.有这么简单的方法吗?

目前我正在使用Instagram PHP API库,做这样的事情:

require 'vendor/Instagram-PHP-API/instagram.class.php';
$api = new Instagram('API KEY');

// Get Hashtag Search
$result = $api->getTagMedia('somehashtag', 4); // This brings me back the last 4 posts by any user :/   

// Store in a local file for JS consumption
$json = json_encode($result);
$file = TEMPLATEPATH . '/js/instagrams.json';
$fh = fopen($file, 'w');
fwrite($fh, $json);
fclose($fh);
Run Code Online (Sandbox Code Playgroud)

有人知道一个简单的方法吗?

php api instagram

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

jQuery:将字符串转换为类似于 Shopify 的 Handleize 的“句柄”

我正在尝试做与 Shopify 的“handleize”对字符串所做的相同的事情,但使用 jQuery。

https://docs.shopify.com/themes/liquid-documentation/filters/string-filters#handle

基本上我想将任何字符串转换为句柄,所以

你好,我叫科里。

会成为

你好,我的名字是科里

使用 jQuery 函数。

javascript jquery shopify

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

使表单输入标签后剩余的100%宽度

基本上我正在尝试创建这个:

在此输入图像描述

这就是我到目前为止:jsFiddle.

基本上我已经尝试设置标签和输入display:block;并使输入具有width:100%;.但这当然会使输入突破新的界限.然后我尝试添加white-space:nowrap;到p标签,几乎得到我需要的效果,但输入然后超出容器边界.

知道如何做这样的事吗?

html css forms

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