小编Lui*_*uiz的帖子

Xcode 8中的代码折叠

是否有人在Xcode 8中遇到代码折叠问题?每次我折叠GameScene.swift(或任何其他文件),切换到,例如AppDelegate.swift,然后切换回GameScene.swift(之前折叠),它展开.

xcode code-folding

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

删除Bootstrap的验证图标

说明

我正在尝试删除这些Bootstrap的验证图标(“ x”和“ check”),但是我已经研究了所有内容,但找不到它在哪里。

您也可以在此JSFiddle中看到它。

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
<form class="was-validated">
  <div class="form-group">
    <select class="custom-select" required>
      <option value="">Open this select menu</option>
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">Three</option>
    </select>
    <div class="invalid-feedback">Example invalid custom select feedback</div>
  </div>
</form>
Run Code Online (Sandbox Code Playgroud)

预先感谢
路易斯。

html javascript css bootstrap-4

7
推荐指数
2
解决办法
2505
查看次数

2秒后添加addChild

我试图在用户触摸屏幕2秒后添加孩子(它位于touchesBegan内),但它不起作用.我做错了吗?

//show myLabel after 2 seconds
self.myLabel.position = CGPoint(x: self.frame.width / 1.1, y: self.frame.height / 2)
self.myLabel.text = "0"
self.myLabel.zPosition = 4

self.myLabel.runAction(SKAction.sequence([SKAction.waitForDuration(2.0), SKAction.runBlock({
    self.addChild(self.myLabel)
)]))
Run Code Online (Sandbox Code Playgroud)

ios sprite-kit swift

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

Bootstrap导航栏品牌中的SVG徽标

说明

我试图将SVG徽标放置在Bootstrap的导航栏中,但是由于某种原因,它将无法正常工作。我尝试使用<object>(如CSS Tricks所建议),内联svg和<img>,如下面的代码所示,但没有任何效果。

您可以从Bootstrap的网站上保存SVG要使用的徽标,或在此处下载<object>

#navigation {
    background-color: rgba(72, 8, 111, 0.4);
    border: 0 none;
    margin: 0;
}

.navbar-brand {
    padding: 0;
}

.logo {
    margin: 0;
}
Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<html lang="en">
    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Page Title -->
        <title>svg on bootstrap's navbar</title>

	<!-- CSS
	================================================== -->
	<!-- Fontawesome -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   	<!-- Twitter Bootstrap css --> …
Run Code Online (Sandbox Code Playgroud)

html svg twitter-bootstrap

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

Bootstrap 和 Select2 表单验证

解释

我正在尝试将Bootstrap 的表单验证Select2 的选择框一起使用,但由于某种原因,它无法正常工作。它确实显示了此反馈文本,但不显示绿色/红色边框颜色,如下面的代码所示。

代码

你也可以在这个 JSFiddle 中看到它。

$(".select").select2({
  minimumResultsForSearch: Infinity
});
Run Code Online (Sandbox Code Playgroud)
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://rawgit.com/select2/select2/master/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
<script src="https://rawgit.com/select2/select2/master/dist/js/select2.js"></script>
<form class="was-validated">

  <div class="form-group">
    <select class="custom-select" required>
      <option value="">Open this select menu</option>
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">Three</option>
    </select>
    <div class="invalid-feedback">Example invalid custom select feedback</div>
  </div>

  <div class="form-group">
    <select class="select custom-select" required>
      <option value="">Open this select menu</option>
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">Three</option>
    </select>
    <div class="invalid-feedback">Example …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery-select2 bootstrap-4

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

在 SKLabelNode 旁边嵌入图标

我想知道除了 SKLabelNode 之外是否还有其他方法可以设置一个图标(因为我需要用来SKAction向上移动这个标签),如下所示:

在此处输入图片说明

我所发现的只是使用 UILabel(此处)或 GitHub 项目(此处),在那里我无法移动或弹跳(使用SpriteKit-Spring)我的标签。

我正在考虑创建一个带有图标图像的精灵节点并将其设置为coinsLabel,但由于此标签用作硬币计数器,因此增加时它会变大;并且图标将被覆盖。

我在下面制作了这个示例项目,以使其更易于可视化(当然,它没有图标。它只是coinsLabel通过按钮递增和移动)。

如果你愿意,你可以在这里下载。

import SpriteKit

class GameScene: SKScene {

    //Declaration
    var icon = SKSpriteNode()
    var coins = Int()
    var coinsLabel = SKLabelNode()

    var incrementButton = SKSpriteNode()

    //Setup
    func setupIcon(){

        //icon
        icon = SKSpriteNode(imageNamed: "icon")
        icon.position = CGPoint(x: self.frame.width / 1.45, y: self.frame.height / 1.075)
        icon.setScale(0.1)
    }
    func setupCoinsLabel(){

        //coinsLabel
        coinsLabel.position = CGPoint(x: self.frame.width / 150 - 300, y: 0) …
Run Code Online (Sandbox Code Playgroud)

ios sprite-kit swift

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

淡淡效果对Slick的轮播边缘

我正在使用Ken Wheeler的插件Slick carousel,如您在下图中所看到的,当幻灯片在边缘滑动时,看起来好像被切断了。我想到的是“渐变边缘”,当幻灯片在边缘滑动时,它具有“柔和”的效果。而不是这种突然的幻灯片消失,而是逐渐的(就像淡入淡出效果一样)。有什么办法吗?

在此处输入图片说明

$('.carousel').slick({
  arrows: false,
  autoplay: true,
  autoplaySpeed: 1000,
  speed: 2000,
  slidesToShow: 5,
  slidesToScroll: 1,
  responsive: [{
      breakpoint: 1024,
      settings: {
        slidesToShow: 4
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 3
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 2
      }
    }
  ]
});
Run Code Online (Sandbox Code Playgroud)
.container {
  padding: 40px;
  background-color: blue;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>
<script src="main.js"></script>
<div class='container'>
  <div class='carousel'> …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery css3

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

隐藏代码和缩进行

我想知道是否有任何插件甚至是本机方式来添加这些隐藏代码和/或缩进行,例如在 Dev C++ 中(下图)。

图像示例

红色箭头所指的按钮是我们可以隐藏部分代码的按钮,方便工作。

xcode

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

光滑的轮播单独覆盖

解释

我试图在将它们悬停时在滑块 ( slick.js ) 的每个图像上设置一个叠加层,但是由于某种原因,当我将其悬停时,叠加层出现在滑块的顶部(所有 12 个图像),而不是图像盘旋。

代码

您还可以在JSFiddle“全屏模式”中看到它。

ps:最好全屏查看覆盖内容。

$('.carousel').slick({
    arrows: false,
    dots: true,
    slidesPerRow: 3,
    rows: 3
});
Run Code Online (Sandbox Code Playgroud)
.carousel-wrapper {
    background-color: rgb(235, 235, 235);
    position: relative;
}

img {
    background-color: black;
}

.slick-slide {
    text-align: center !important;
}

.overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(1, 1, 1, .35);
    transition: 0.2s;
    opacity: 0;
}

.overlay:hover {
    opacity: 1;
}

.overlay-content {
    color: rgb(255, 255, 255);
    position: absolute; …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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