小编mmm*_*che的帖子

我试图弄清楚,当迭代一些列表项时,如何在嵌套的foreach循环中定位每个"$(this)"等价物.这是我的问题的一个例子:

$('li').each(function(){
        // I believe $(this) would target each li item...
    $(this).children("li").each(function(){
        // ... but how can I target each of these li items? Doesn't $(this) target the original loop?
    });
});

我正在尝试验证联系表单,并且我想在每个输入字段填写后创建某种"表单已完成"消息(一些输入是文本框,一些是单选按钮).

到目前为止,这是我的代码:

$(document).ready(function() {
  $('.form:input').each(function() {
    if ($(this).val() != "") {
      $('.congrats').css("display", "block");
    }
  });
});

p.congrats {
  display: none;
}

<div class="form">
  <input type="text" />
  <br />
  <input type="text" />
</div>
<p class="congrats">Congrats!</p>

http://jsfiddle.net/7huEr/

我正在为邮件列表注册制作灯箱式弹出窗口,但我希望弹出窗口位于可见页面的中心,而不仅仅是整个文档的中心; 如果用户滚动到页面底部并单击以进行注册,我希望它显示在屏幕的中央.

我假设jQuery/JS将是最好的方法; 这是我当前的CSS代码,它运行得相当好,但div需要动态地推入可见空间以用于较小的屏幕.

.my-div{
    width:960px;
    height:540px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-480px;
    margin-top:-270px;
    z-index:60;
    display:none;
}

我正在尝试使用jQuery将数据属性的每个实例分组到一个列表中,该列表来自页面中每个属性的出现次数.与在新闻栏目中对类别或标签进行分组相似.

例如,我想创建这样的东西:

• 第1类(5)
• 第2类(3)
• 第3类(1)

从这个HTML:

<ul class="categories">
   <li data-category="category-1">Category 1</li>
   <li data-category="category-1">Category 1</li>
   <li data-category="category-1">Category 1</li>
   <li data-category="category-1">Category 1</li>
   <li data-category="category-1">Category 1</li>
   <li data-category="category-2">Category 2</li>
   <li data-category="category-2">Category 2</li>
   <li data-category="category-2">Category 2</li>
   <li data-category="category-3">Category 3</li>
</ul>

我怎样才能在jQuery中实现这一点？它甚至可能吗？

我使用Mailchimp的默认模板之一创建了一个新闻稿模板,但我遇到了可重复块的排序顺序问题.如果我尝试混合不同的可重复块,我不能这样做.有没有办法来解决这个问题？

例如,以下是使用此模板的初始广告系列设计的简化版本:

Repeatable Block 1
Repeatable Block 2

但是,如果我要为这些中的每一个创建一个新的可重复块,我不能这样订购它:

Repeatable Block 1
Repeatable Block 2
Repeatable Block 1
Repeatable Block 2

我试图使用HTML5视频元素将Vimeo视频嵌入到网页中,尽管Vimeo使用iframe嵌入代码.我想使用视频元素,以便我可以创建一个包含视频的完全响应的网页,但我在使用HTML5时遇到了麻烦.我尝试过几种工具,最成功的使用fitvidsjs,但响应性不是100%(黑条等).

是否可以将HTML5视频元素与Vimeo视频一起使用(即没有iframe)？Vimeo API可以帮助我实现这一目标吗？

我在尝试使用 Javascript 中的典型 http 请求更新 Contentful 条目时遇到了困难；我收到错误代码“VersionMismatch”，根据文档，这意味着：

当您尝试更新现有资产、条目或内容类型，并且未指定对象的当前版本或指定过时的版本时，会出现此错误。

但是，我已根据文档使用“X-Contentful-Version”标头参数指定了条目的当前版本，并使用“entry.sys.revision”中的动态属性值作为参数值（以及对当前版本进行硬编码，加上一堆不同的数字，但我总是收到相同的错误）。这篇文章报告了完全相同的问题，但似乎通过添加此标头参数解决了。

这是我当前的代码，它也使用 Contentful API 从我的 Contentful 空间检索条目，但由于特定要求，我必须使用纯 Javascript 来将数据放回：

var client = contentful.createClient(
    {
        space: space_id,
        accessToken: client_token
    }
);

client.getEntry(entry_id).then((entry) => entry).then(function(entry) {

    // update values of entry
    entry.fields.title = "Testing";

    // post data to contentful API
    var request = new XMLHttpRequest();
        request.open('PUT', 'https://api.contentful.com/spaces/' + space_id + '/entries/' + entry_id);
        request.setRequestHeader('Authorization', 'Bearer my_access_token');
        request.setRequestHeader('Content-Type', 'application/vnd.contentful.management.v1+json');
        request.setRequestHeader('X-Contentful-Content-Type', entry.sys.contentType.sys.id);

        // setting the 'X-Contentful-Version' header with current/soon to be old version
        request.setRequestHeader('X-Contentful-Version', …

我有一个由 id、名称和项目数组组成的文档组成的集合；每个文档中的数组在适用时应该嵌套相同结构的其他文档，并且文档的嵌套数组的数量没有限制（嵌套文档也可以有嵌套文档）。

使用 MongoClient 包，我尝试查询我的集合并根据其 id 返回文档，无论它在数据中的位置如何（无论是在顶层还是在下 3 层）。

到目前为止，我可以返回任何顶级数据，但我的查询没有找到任何嵌套数据。我见过类似的问题，其中数据结构是有限且一致的，但由于我的数据是动态的和多层的，我还没有找到适合这个特定问题的解决方案。

这是我的数据：

[
  {
    "_id": 1,
    "name": "Test 1",
    "items": []
  },
  {
    "_id": 2,
    "name": "Test 2",
    "items": [
      {
        "_id": 3,
        "name": "Test 3",
        "items": []
      },
      {
        "_id": 4,
        "name": "Test 4",
        "items": [
          {
            "_id": 6,
            "name": "Test 6",
            "items": []
          }
        ]
      }
    ]
  },
  {
    "_id": 5,
    "name": "Test 5",
    "items": []
  }
]

这是我的 Mongo 查询：

MongoClient.connect(connString, function(err, db) {
    var collection = db.collection('items'); …

我有两个动态列表,每个列表项包括三个属性:'Id'(int),'LikesRed'(bool)和'LikesBlue'(bool).

我想合并两个列表,按照它的'Id'对每个项目进行分组,但我还想用任何'true'值覆盖任何'false'值.

例如,这是我的两个列表的数据:

List1

{ Id = 1, LikesRed = True, LikesBlue = False }
{ Id = 2, LikesRed = True, LikesBlue = False }
{ Id = 4, LikesRed = False, LikesBlue = True }

List2

{ Id = 1, LikesRed = False, LikesBlue = True }
{ Id = 3, LikesRed = False, LikesBlue = True }
{ Id = 4, LikesRed = True, LikesBlue = False }

这是我的预期结果:

{ Id = 1, LikesRed = True, LikesBlue …

我正在尝试使用Razor迭代我的Umbraco节点树,并且我想在一个简单的HTML列表中将结果组织成两个一组,但我想不出解决方案.

例如,这是我的Umbraco节点树,它是最简单的形式:

- Node 1
- Node 2
- Node 3
- Node 4
- Node 5
- Node 6
- Node 7
- Node 8

我正在努力实现以下目标:

<ul>
    <li>
        <span>Node 1</span>
        <span>Node 2</span>
    </li>
    <li>
        <span>Node 3</span>
        <span>Node 4</span>
    </li>
    <li>
        <span>Node 5</span>
        <span>Node 6</span>
    </li>
    <li>
        <span>Node 7</span>
        <span>Node 8</span>
    </li>
</ul>

有谁知道如何实现这一目标？

我正在尝试创建一个效果,该效果基本上构成一个标题标记,其中两行填充容器的剩余宽度.我正在尝试创建它,以便无论标题文本的长度如何,您仍然可以获得相同的效果+间距量.这个图像更好地显示了我想要解释的内容:

我最接近的是使用百分比宽度,但如果只使用一个小标题,则剩余空间很多.通常我会在我的标题标签中为span对象添加背景颜色,但我也试图使其成为可以在各种背景颜色上起作用的效果.

这是一个jsfiddle:https://jsfiddle.net/wv9zcuvm/ 和一些代码:

HTML:

<h2><span>Small title</span></h2>

CSS:

h2{
    width:100%;
    position:relative;
    top:0; left: 0;
}

h2:before,
h2:after{
    content:"";
    display:inline-block;
    width:30%;
    height:1px;
    background-color:red;
    position:relative;
    top: -10px;
}

h2:before{
    left:0;
}

h2:after{
    right:0;
}

h2 span{
    width:40%;
    display:inline-block;
    text-align:center;
}

任何人都可以建议我如何实现我想要创造的东西？

我一直在使用Contentful Management Javascript SDK更新Contentful空间中的条目,并且能够使用文本更新简单字段没有问题.

我的问题是我无法弄清楚如何在我的条目中更新图像 ; 我可以将图像上传到媒体部分,但我无法将任何图像分配给入口属性.

这是可能的还是Contentful的限制？

到目前为止,这是我的代码:

client.getSpace(CONTENTFUL_SPACE).then((space) => {
// retrieve my Contentful space

    space.getEntry(CONTENTFUL_ENTRY).then(function (entry) {
    // get a specific entry

        // create a new asset in my Contentful media section
        space.createAssetWithId(RANDOM_ID, {
            fields: {
                file: {
                    'en-GB': { 
                        contentType: 'image/jpeg',
                        fileName: 'test.jpg',
                        upload: 'http://www.example.com/test.jpg'
                    }
                }
            }
        })
        .then(asset => asset.processForAllLocales())
        .then(asset => asset.publish())
        .then(function(asset) {

            // assign uploaded image as an entry field
            // (none of these work:)
            entry.fields["image"]["en-GB"] …