小编Rah*_*hul的帖子

Packery附加方法添加三个项目.如何添加一个项目?

我试图通过方法添加动态包装项目click.所有的一切都工作正常,除了单击包装添加三个新项目.我的问题是如何在单击时添加一个项目?

方法

演示

谢谢.

编辑

页面加载后网格项为.见下图.

首次加载页面时手动添加项目

click追加项目 button packery将增加更多的3项.见下图.

单击

片段

var $grid = $('.grid').packery({
  itemSelector: '.grid-item'
});

$('.append-button').on( 'click', function() {
  // create new item elements
  var $items = getItemElement().add( getItemElement() ).add( getItemElement() );
  // append elements to container
  $grid.append( $items )
    // add and lay out newly appended elements
    .packery( 'appended', $items );
});


// make <div class="grid-item grid-item--width# grid-item--height#" />
function getItemElement() { …
Run Code Online (Sandbox Code Playgroud)

javascript jquery packery

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

在 Windows 10 中启用 SSL 与 XAMPP 问题

当我尝试在本地服务器中进行设置时,我遇到了XAMPP问题。我正在执行此指令。当我使用终端运行文件时显示流动错误。httphttpsmakecert.batcmd

在此输入图像描述

Generating a 2048 bit RSA private key
......+++
..................................+++
writing new private key to 'privkey.pem'
Enter PEM pass phrase:
18548:error:28069065:lib(40):UI_set_result:result too small:.\crypto\ui\ui_lib.c:830:You must type in 4 to 511 characters
18548:error:0906406D:PEM routines:PEM_def_callback:problems getting password:.\crypto\pem\pem_lib.c:116:
18548:error:0907E06F:PEM routines:DO_PK8PKEY:read key:.\crypto\pem\pem_pk8.c:130:
unable to load Private Key
11920:error:0906D06C:PEM routines:PEM_read_bio:no start line:.\crypto\pem\pem_lib.c:707:Expecting: ANY PRIVATE KEY
server.csr: No such file or directory
Could Not Find C:\xampp\apache\server.csr
The system cannot find the file specified.
The system cannot find the file …
Run Code Online (Sandbox Code Playgroud)

apache xampp https http batch-file

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

下拉列表removeClass无法正常工作

我有点Jquery下拉列表的问题,点击功能活动.addClass运行良好但removeClass不行.我的问题是当我点击下拉列表时这个下拉列表没有隐藏.

这是现场演示:http://jsfiddle.net/wcbaxkdv/

这是我的代码:

HTML:

<div id="dd" class="wrapper-dropdown-3" tabindex="-1">
   <span>WHERE DO YOU WANT TO GO?</span>
   <ul class="dropdown">
      <li><a href="#">WHERE DO YOU WANT TO GO?</a></li>
      <li><a href="#">addClass OK</a></li>
      <li><a href="#">WHERE DO YOU WANT TO GO?</a></li>
      <li><a href="#">removeClass Problem</a></li>
      <li><a href="#">WHERE DO YOU WANT TO GO?</a></li>
      <li><a href="#">WHERE DO YOU WANT TO GO?</a></li>
   </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.wrapper-dropdown-3 {
  background: none repeat scroll 0 0 #f0f1f1;
  border: medium none;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.1);
  color: #8aa8bd; …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

标签 统计

javascript ×2

jquery ×2

apache ×1

batch-file ×1

css ×1

html ×1

http ×1

https ×1

packery ×1

xampp ×1