小编Dan*_*dez的帖子

根据我在 YouTube 上观察到的教程，我有一个仅在 HTML5/CSS3 中构建的响应式设计，但在视频中它只是打包，我错过了我致力于搜索的重要内容，但我没有找到第二部分或其他视频解释或者是参考 同时复习频道上的每个教程但是都没有成功。：/

这是完整的代码，适用于任何移动设备和计算机。

img {
  max-width: 100%;
}

#app {
  width: 90%;
  height: 85%;
  overflow: hidden;
}

.ui-big-images {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
}

.ui-big-image {
  width: 100%;
  margin-right: -100%;
}

.ui-big-image img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center 20%;
  object-position: center 20%;
  width: 100%;
  height: 100%;
  display: block;
}

.ui-thumbnails {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: …

我试图使我的无序列表看起来像这样:

我得到了这个(请注意重复的要点):

我的代码如下:

<ul class="main-link">
  <li>
    <a href="">articles/</a>
  </li>
  <li>
    <ul>
      <li class="sub-link">
        <a href="">beliefs respect and facts</a>
      </li>
    </ul>
  </li>
</ul>

我希望删除一些额外的固定项目点.谁能指出我正确的方向？

我正在研究这个调查表,我正在尝试编写一个字符限制为500的评论区域.从我所看到的,我做的一切都是"正确的",但显然我必须忽略一些东西.

这是我的jsFiddle.

HTML

<span class="char-remain">500 Characters remaining</span>
<textarea class="comment" rows="10" cols="50" maxlength="500">Enter Text Here</textarea>

jQuery的

comment = $(".comment");             

comment.on("keyup change", function(){

   charCount = $(this).text().length;
   charRemain = 500 - charCount;

   $(this).prev("span").text("(" + charRemain + ")");

   alert(charRemain + "Characters Remaining");

});

警报是真的让我看看它是否正在工作或触发,但事实并非如此.我错过了什么？

我试图了解Jquery Ajax方法的工作原理.现在,我在控制器中调用ActionResult方法时会遇到一些问题,该方法将返回PartialView.

创建了一个按钮,我将使用该按钮从服务器获取新数据(应运行Ajax调用)

代码:( Home控制器中的ActionResult)

public ActionResult All()
    {
        List<Student> model = db.Students.ToList();

        return PartialView("_Student", model);
    }

当我在主索引视图中按下按钮时,我正试图调用此方法.

代码:(索引视图)

<div class="row">
<div class="small-12 column sbw-travel">
    <h2>Travel</h2>

    <div class="row">
        <div class="small-12 columns">
            <button id="button1" class="sbw-travel-button">Search</button>
        </div>
    </div>

    <div class="small-12 sbw-travel-box" id="rooms">

    </div>
</div>
</div>

当用户点击按钮时,应该运行Ajax调用,列表将显示在id = rooms的部分中.

脚本:( Ajax代码)

 $(document).ready(function () {
    $('#button1').click(function () {
        $.ajax({
            type: 'GET',
            url: @Url.Action("All", "Home"),
            datatype: "html",
            success: function () { 
                $('#rooms').html(???);
            }
        });
        return false;
    });
});

你们中的任何人都可以看到我是否已经忘记了一些像我所描述的那样运行的东西？

我需要什么？我需要使用javascript获取总份额数。

使用此链接：https : //api.pinterest.com/v1/urls/count.json?callback=receiveCount&url=http : //google.com

我可以得到结果： receiveCount({"url":"http://google.com","count":11278})

我的代码不起作用，我不确定代码的哪一部分是错误的。下面：

#pin-div {
  color: red
}

<script type="text/javascript" src="//code.jquery.com/jquery-1.12.4.js"></script>

<div id="pin-div">0</div>

<script type="text/javascript">
  $(function() {
    var url = "http://facebook.com";
    var apiUrl = "https://api.pinterest.com/v1/urls/count.json?callback=receiveCount&url=" + url;

    $.ajax({
      url: apiUrl,
      success: function(result) {
        $.each(result, function(key, val) {
          console.log(key + " - " + val["receiveCount"]["count"]);
          var shareCount = val["receiveCount"]["count"];
          $("#pin-div").html(shareCount);
        });
      }
    });
  });
</script>

这是给定的数组：

[{
  key: 1,
  nodes: {}
}, {
  key: 2,
  nodes: {}
}, {
  key: 3,
  nodes: {}
}]

如何从这个数组在 JavaScript 中创建嵌套的子对象？

[{
  key: 1,
  nodes: [{
    key: 2,
    nodes: [{
      key: 3,
      nodes: []
    }]
  }]
}];