jquery - 导航上的 Slick Slider Jumping - 可变宽度和中心模式-6ren

jquery - 导航上的 Slick Slider Jumping - 可变宽度和中心模式

转载作者：搜寻专家更新时间：2023-10-31 21:47:12

如果光滑( slider http://kenwheeler.github.io/slick/)，我的使用有问题。

我有一个自定义设计并且已经实现，但是当 slider 移动到下一个时会出现奇怪的跳跃。在此处查看演示 - http://yourwebsitedemo.eu/sgslider/

包括 Bootstrap、jQuery 和 Slick

HTML/CSS 已验证 - 没有错误

我的代码。

$(document).ready(function(){
	$('#carousel').slick({
		    infinite: true,
		    speed: 500,
		    centerMode: true,
		    variableWidth: true,
		    centerPadding: '0px',
                cssEase: 'ease'
		});
	$("div.slick-list").removeAttr( 'style' );
	// Previous
	$("button.slick-prev").empty();
	$("button.slick-prev").append('<i class="fa fa-chevron-left circle circle-left"></i>');
	// // Next
	$("button.slick-next").empty();
	$("button.slick-next").append('<i class="fa fa-chevron-right circle circle-right"></i>');
});

/*===================
        Fonts Style
===================*/
@font-face {
	font-family: 'nexa_rust_sansblack_01';
	src: url('../fonts/nexarustsans-black01-webfont.eot');
	src: url('../fonts/nexarustsans-black01-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/nexarustsans-black01-webfont.woff2') format('woff2'), url('../fonts/nexarustsans-black01-webfont.woff') format('woff'), url('../fonts/nexarustsans-black01-webfont.ttf') format('truetype'), url('../fonts/nexarustsans-black01-webfont.svg#nexa_rust_sansblack_01') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nexa_boldregular';
	src: url('../fonts/nexa_bold-webfont.eot');
	src: url('../fonts/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/nexa_bold-webfont.woff2') format('woff2'), url('../fonts/nexa_bold-webfont.woff') format('woff'), url('../fonts/nexa_bold-webfont.ttf') format('truetype'), url('../fonts/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'droid_serifbold';
	src: url('../fonts/droidserif-bold-webfont.eot');
	src: url('../fonts/droidserif-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droidserif-bold-webfont.woff2') format('woff2'), url('../fonts/droidserif-bold-webfont.woff') format('woff'), url('../fonts/droidserif-bold-webfont.ttf') format('truetype'), url('../fonts/droidserif-bold-webfont.svg#droid_serifbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'droid_serifbold_italic';
	src: url('../fonts/droidserif-bolditalic-webfont.eot');
	src: url('../fonts/droidserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droidserif-bolditalic-webfont.woff2') format('woff2'), url('../fonts/droidserif-bolditalic-webfont.woff') format('woff'), url('../fonts/droidserif-bolditalic-webfont.ttf') format('truetype'), url('../fonts/droidserif-bolditalic-webfont.svg#droid_serifbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'droid_serifitalic';
	src: url('../fonts/droidserif-italic-webfont.eot');
	src: url('../fonts/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droidserif-italic-webfont.woff2') format('woff2'), url('../fonts/droidserif-italic-webfont.woff') format('woff'), url('../fonts/droidserif-italic-webfont.ttf') format('truetype'), url('../fonts/droidserif-italic-webfont.svg#droid_serifitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'droid_serifregular';
	src: url('../fonts/droidserif-webfont.eot');
	src: url('../fonts/droidserif-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droidserif-webfont.woff2') format('woff2'), url('../fonts/droidserif-webfont.woff') format('woff'), url('../fonts/droidserif-webfont.ttf') format('truetype'), url('../fonts/droidserif-webfont.svg#droid_serifregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
html {
	font-size: 16px;
}
body {
	background: #fff;
}
h1 {
	font-family: 'nexa_rust_sansblack_01', Helvetica, arial;
	font-size: 3.75rem;
	letter-spacing: 0.05em;
	margin-bottom: 2.5rem;
}
h2 {
	font-family: 'nexa_rust_sansblack_01', Helvetica, arial;
	font-size: 1.5rem; /*24px*/
	line-height: 2.125rem; /* 34px */
}
h3 {
	font-family: 'nexa_boldregular';
	font-size: 32px;
	line-height: 45px;
	text-transform: uppercase;
	text-align: center;
}
h4 {
}
h5 {
}
h6 {
}
p {
	font-family: 'droid_serifregular', Helvetica, Arial, Sans-Serif;
	font-size: 1rem;
	line-height: 1.9375rem; /*15px*/
}
*:focus { outline: none; }
.no-pad-left {
	padding-left: 0;
}
.no-pad-right {
	padding-right: 0;
}
.no-pad-lr {
	padding: 0;
}
.carousel {
	height: 530px;
	list-style: none;
	margin: 0;
	position: relative;
	overflow: hidden;
	width: auto;
}
button.slick-prev {
	display: inline-block;
	position: absolute;
	top: 42%;
	left: 20%;
	z-index: 10;
	background: transparent;
	border: none;
}
button.slick-next {
	display: inline-block;
	position: absolute;
	top: 42%;
	left: 75.5%;
	z-index: 10;
	background: transparent;
	border: none;
}
.sm-slide-img {
	border: none;
	position: relative;
	float: left;
	height: 100%;
	min-height: 1px;
}
.sm-slide-img img {
	height: 460px;
	padding: 20px 0;
	margin-top: 30px;
}
.slick-center img {
	height: 500px;
	margin-top: 15px;
	padding: 0;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.slick-center .slide-text {
	color: #fff;
	position: absolute;
	left: 5%;
	right: 5%;
	border: 2px solid rgba(255, 255, 255, 0.5);
	padding: 100px 60px 110px 60px;
	margin-top: -66%;
}
.slick-slide:focus {
	display: block;
}
.slick-center .slide-text {
	color: #fff;
	position: absolute;
	left: 5%;
	right: 5%;
	border: 2px solid rgba(255, 255, 255, 0.5);
	padding: 100px 60px 68px 60px;
	margin-top: -62.5%;
}
.slide-text {
	color: #fff;
	position: absolute;
	left: 0%;
	right: 10%;
	border: none;
	padding: 72px 60px 110px 60px;
	margin-top: -65%;
}
.slide-text h1 {
	text-transform: uppercase;
}
.slide-text p {
	font-size: 13px;
	font-family: 'nexa_boldregular';
	line-height: 50px;
	text-transform: uppercase;
	letter-spacing: 0.125rem;
}
.slide-text p span, .slide-text p span:before, .slide-text p span:after {
	text-decoration: underline;
	border: none !important;
}
img.slide-bow-icon {
	width: 37px;
	height: 17px;
	margin: 5px auto;
	padding: 0px 0px;
}
.slick-center img.slide-bow-icon {
	width: 37px;
	height: 17px;
	margin: 25px auto;
	padding: 0;
}
.icon-lines {
	line-height: 1.5rem;
	text-align: center;
}
.icon-lines span {
	display: inline-block;
	position: relative;
}
.icon-lines span:before, .icon-lines span:after {
	content: "";
	position: absolute;
	height: 11px;	/*border-bottom: 2px solid #cccccc;*/
	border-top: 2px solid #fff;
	top: 47%;
	width: 30px;
	vertical-align: -50%;
}
.icon-lines span:before {
	right: 115%;	/*margin-right: 15px;*/
}
.icon-lines span:after {
	left: 115%;	/*margin-left: 15px;*/
}
.circle-left {
	color: rgba(255,255,255,0.7);
	padding: 18px 22px 18px 20px;
	display: inline-block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	/*-moz-box-shadow: 0px 0px 2px #888;*/
	/* -webkit-box-shadow: 0px 0px 2px #888; */
	/* box-shadow: 0px 0px 2px #fff; */
	font-size: 1.3rem;
	border: 2px solid rgba(255,255,255,0.7);
}
.circle-right {
	color: rgba(255,255,255,0.7);
	padding: 18px 20px 18px 22px;
	display: inline-block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	/*-moz-box-shadow: 0px 0px 2px #888;*/
	/* -webkit-box-shadow: 0px 0px 2px #888; */
	/* box-shadow: 0px 0px 2px #fff; */
	font-size: 1.3rem;
	border: 2px solid rgba(255,255,255,0.7);
}
.circle:hover, .circle:focus {
	color: #fff;
	border: 2px solid #fff;
}
.tint {
	position: relative;
	cursor: pointer;
}
.slick-center .tint:before {
	content: "";
	display: block;
	position: absolute;
	margin: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.35);
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.tint:before {
	content: "";
	display: block;
	position: absolute;
	margin: 20px 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.35);
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.tint:hover:before {
	background: rgba(0, 0, 0, 0.35);
}

<!DOCTYPE html>
<html lang="">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>SM Slider</title>

		<!-- Font Awesome -->
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
		<!-- Bootstrap CSS -->
		<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
		<!-- Slick Slide -->
		<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css"/>
		<!-- Slider Style -->
		<link rel="stylesheet" href="css/main.css">

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<h1 class="text-center">Slider for Smart Groom</h1>
		
		<div class="container-fluid no-pad-lr">

			<div id="carousel" class="carousel">

					<div class="sm-slide-img">
						<figure class="tint"><img src="img/tux-or-suit.png" alt=""></figure>
						<div class="slide-text icon-lines">
							<h3>What to wear on your wedding day: Tux or Suit?</h3>
							<span><img class="slide-bow-icon" src="img/icon-slider.png" alt="" width="70" height="33"></span>
							<p>27 sep // in <span>style</span></p>
						</div>
					</div>

					<div class="sm-slide-img icon-lines">
						<figure class="tint"><img src="img/tuxedo.png" alt=""></figure>
						<div class="slide-text">
							<h3>What to wear on your wedding day: Tux or Suit?</h3>
							<span><img class="slide-bow-icon" src="img/icon-slider.png" alt="" width="70" height="33"></span>
							<p>27 sep // in <span>style</span></p>
						</div>
					</div>

					<div class="sm-slide-img icon-lines">
						<figure class="tint"><img src="img/suits.png" alt=""></figure>
						<div class="slide-text">
							<h3>What to wear on your wedding day: Tux or Suit?</h3>
							<span><img class="slide-bow-icon" src="img/icon-slider.png" alt="" width="70" height="33"></span>
							<p>27 sep // in <span>style</span></p>
						</div>
					</div>
					<div class="sm-slide-img">
						<figure class="tint"><img src="img/tux-or-suit.png" alt=""></figure>
						<div class="slide-text icon-lines">
							<h3>What to wear on your wedding day: Tux or Suit?</h3>
							<span><img class="slide-bow-icon" src="img/icon-slider.png" alt="" width="70" height="33"></span>
							<p>27 sep // in <span>style</span></p>
						</div>
					</div>

					<div class="sm-slide-img icon-lines">
						<figure class="tint"><img src="img/tuxedo.png" alt=""></figure>
						<div class="slide-text">
							<h3>What to wear on your wedding day: Tux or Suit?</h3>
							<span><img class="slide-bow-icon" src="img/icon-slider.png" alt="" width="70" height="33"></span>
							<p>27 sep // in <span>style</span></p>
						</div>
					</div>

					<div class="sm-slide-img icon-lines">
						<figure class="tint"><img src="img/suits.png" alt=""></figure>
						<div class="slide-text">
							<h3>What to wear on your wedding day: Tux or Suit?</h3>
							<span><img class="slide-bow-icon" src="img/icon-slider.png" alt="" width="70" height="33"></span>
							<p>27 sep // in <span>style</span></p>
						</div>
					</div>

					

			</div>

		</div>
		<!-- jQuery -->
		<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
		<!-- Slick Nav -->
		<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js"></script>
		<!-- Slider JS -->
		<script src="js/slider.js"></script>
		<!-- Bootstrap JavaScript -->
		<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
	</body>
</html>

最佳答案

请检查。我从 css 中删除了过渡。

$(document).ready(function(){
	$('#carousel').slick({
		    infinite: true,
		    speed: 500,
		    centerMode: true,
		    variableWidth: true,
		    centerPadding: '0px',
                cssEase: 'ease'
		});
	$("div.slick-list").removeAttr( 'style' );
	// Previous
	$("button.slick-prev").empty();
	$("button.slick-prev").append('<i class="fa fa-chevron-left circle circle-left"></i>');
	// // Next
	$("button.slick-next").empty();
	$("button.slick-next").append('<i class="fa fa-chevron-right circle circle-right"></i>');
});

html {
	font-size: 16px;
}
body {
	background: #fff;
}
h1 {
	font-family: 'nexa_rust_sansblack_01', Helvetica, arial;
	font-size: 3.75rem;
	letter-spacing: 0.05em;
	margin-bottom: 2.5rem;
}
h2 {
	font-family: 'nexa_rust_sansblack_01', Helvetica, arial;
	font-size: 1.5rem; /*24px*/
	line-height: 2.125rem; /* 34px */
}
h3 {
	font-family: 'nexa_boldregular';
	font-size: 32px;
	line-height: 45px;
	text-transform: uppercase;
	text-align: center;
}
h4 {
}
h5 {
}
h6 {
}
p {
	font-family: 'droid_serifregular', Helvetica, Arial, Sans-Serif;
	font-size: 1rem;
	line-height: 1.9375rem; /*15px*/
}
*:focus { outline: none; }
.no-pad-left {
	padding-left: 0;
}
.no-pad-right {
	padding-right: 0;
}
.no-pad-lr {
	padding: 0;
}
.carousel {
	height: 530px;
	list-style: none;
	margin: 0;
	position: relative;
	overflow: hidden;
	width: auto;
}
button.slick-prev {
	display: inline-block;
	position: absolute;
	top: 42%;
	left: 20%;
	z-index: 10;
	background: transparent;
	border: none;
}
button.slick-next {
	display: inline-block;
	position: absolute;
	top: 42%;
	left: 75.5%;
	z-index: 10;
	background: transparent;
	border: none;
}
.sm-slide-img {
	border: none;
	position: relative;
	float: left;
	height: 100%;
	min-height: 1px;
}
.sm-slide-img img {
	height: 460px;
	padding: 20px 0;
	margin-top: 30px;
}
.slick-center img {
	height: 500px;
	margin-top: 15px;
	padding: 0;

}
.slick-center .slide-text {
	color: #fff;
	position: absolute;
	left: 5%;
	right: 5%;
	border: 2px solid rgba(255, 255, 255, 0.5);
	padding: 100px 60px 110px 60px;
	margin-top: -66%;
}
.slick-slide:focus {
	display: block;
}
.slick-center .slide-text {
	color: #fff;
	position: absolute;
	left: 5%;
	right: 5%;
	border: 2px solid rgba(255, 255, 255, 0.5);
	padding: 100px 60px 68px 60px;
	margin-top: -62.5%;
}
.slide-text {
	color: #fff;
	position: absolute;
	left: 0%;
	right: 10%;
	border: none;
	padding: 72px 60px 110px 60px;
	margin-top: -65%;
}
.slide-text h1 {
	text-transform: uppercase;
}
.slide-text p {
	font-size: 13px;
	font-family: 'nexa_boldregular';
	line-height: 50px;
	text-transform: uppercase;
	letter-spacing: 0.125rem;
}
.slide-text p span, .slide-text p span:before, .slide-text p span:after {
	text-decoration: underline;
	border: none !important;
}
img.slide-bow-icon {
	width: 37px;
	height: 17px;
	margin: 5px auto;
	padding: 0px 0px;
}
.slick-center img.slide-bow-icon {
	width: 37px;
	height: 17px;
	margin: 25px auto;
	padding: 0;
}
.icon-lines {
	line-height: 1.5rem;
	text-align: center;
}
.icon-lines span {
	display: inline-block;
	position: relative;
}
.icon-lines span:before, .icon-lines span:after {
	content: "";
	position: absolute;
	height: 11px;	/*border-bottom: 2px solid #cccccc;*/
	border-top: 2px solid #fff;
	top: 47%;
	width: 30px;
	vertical-align: -50%;
}
.icon-lines span:before {
	right: 115%;	/*margin-right: 15px;*/
}
.icon-lines span:after {
	left: 115%;	/*margin-left: 15px;*/
}
.circle-left {
	color: rgba(255,255,255,0.7);
	padding: 18px 22px 18px 20px;
	display: inline-block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	/*-moz-box-shadow: 0px 0px 2px #888;*/
	/* -webkit-box-shadow: 0px 0px 2px #888; */
	/* box-shadow: 0px 0px 2px #fff; */
	font-size: 1.3rem;
	border: 2px solid rgba(255,255,255,0.7);
}
.circle-right {
	color: rgba(255,255,255,0.7);
	padding: 18px 20px 18px 22px;
	display: inline-block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	/*-moz-box-shadow: 0px 0px 2px #888;*/
	/* -webkit-box-shadow: 0px 0px 2px #888; */
	/* box-shadow: 0px 0px 2px #fff; */
	font-size: 1.3rem;
	border: 2px solid rgba(255,255,255,0.7);
}
.circle:hover, .circle:focus {
	color: #fff;
	border: 2px solid #fff;
}
.tint {
	position: relative;
	cursor: pointer;
}
.slick-center .tint:before {
	content: "";
	display: block;
	position: absolute;
	margin: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.35);
	
}
.tint:before {
	content: "";
	display: block;
	position: absolute;
	margin: 20px 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.35);

}
.tint:hover:before {
	background: rgba(0, 0, 0, 0.35);
}

		<!-- Font Awesome -->
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
		<!-- Bootstrap CSS -->
		<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
		<!-- Slick Slide -->
		<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css"/>
    
    		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
		<!-- Slick Nav -->
		<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js"></script>
    
		<!-- Bootstrap JavaScript -->
		<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>


<div class="container-fluid no-pad-lr" style="background:#333;">

			<div id="carousel" class="carousel">

					<div class="sm-slide-img">
						<figure class="tint"><img src="http://via.placeholder.com/300x200" alt=""></figure>
						
                        
					</div>

					<div class="sm-slide-img icon-lines">
						
                        <figure class="tint"><img src="http://via.placeholder.com/300x200" alt=""></figure>
					</div>

					<div class="sm-slide-img icon-lines">
						
                        <figure class="tint"><img src="http://via.placeholder.com/300x200" alt=""></figure>
					</div>
					<div class="sm-slide-img">
						
                        <figure class="tint"><img src="http://via.placeholder.com/300x200" alt=""></figure>
					</div>

					
                    

					
                    

					

			</div>

		</div>

关于jquery - 导航上的 Slick Slider Jumping - 可变宽度和中心模式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35056253/

文章推荐： swift - 在事件监视器 OS X 中防止错误 "funk"声音

文章推荐： javascript - 悬停时背景大小不会更新

webpack - Webpack:未知参数:模式/配置具有未知属性“模式”
对此感到疯狂，真的缺少一些东西。我有webpack 4.6.0，webpack-cli ^ 2.1.2，所以是最新的。在文档（https://webpack.js.org/concepts/mod
linux - 在文件中的匹配字符串(模式 1)上方打印特定单词直到匹配字符串(模式 2)
object Host "os.google.com" { import "windows" address = "linux.google.com" groups = ["linux"] } obj
android - OpenGLRenderer 刷新缓存(模式 0)和(模式 1)
每当我安装我的应用程序时，我都可以将数据库从 Assets 文件夹复制到 /data/data/packagename/databases/ .到此为止，应用程序工作得很好。但 10 或 15 秒后
xml - emacs:HideShow 是否适用于 xml 模式(sgml 模式)？
我在 cc 模式缓冲区中使用 hideshow.el 来折叠我不查看的文件部分。如果能够在 XML 文档中做到这一点就好了。我使用 emacs 22.2.1 和内置的 sgml-mode 进行 xm
xml - 从 XML 模式 (XSD) 生成 Json 模式
已结束。此问题不符合 Stack Overflow guidelines .它目前不接受答案。我们不允许提出有关书籍、工具、软件库等方面的建议的问题。您可以编辑问题，以便用事实和引用来回答它。关闭
java - 为什么使用 useDelimiter(Pattern 模式) 与 useDelimiter(String 模式)
根据java: public Scanner useDelimiter(String pattern) Sets this scanner's delimiting pattern to a patt
php - 为什么 Post/Redirect/Get 模式(PRG 模式)有效？
我读过一些关于 PRG 模式以及它如何防止用户重新提交表单的文章。比如this post有一张不错的图: 我能理解为什么在收到 2xx 后用户刷新页面时不会发生表单提交。但我仍然想知道: (1) 如果
android - 如何在 React Native 中使用 "Spinner"模式 "DatePickerAndroid"而没有任何对话框/模式/弹出窗口？
看看下面的图片，您可能会清楚地看到这一点。那么如何在带有其他一些 View 的简单屏幕中实现没有任何弹出/对话框/模式的微调器日期选择器？我在整个网络上进行了谷歌搜索，但没有找到与之相关的任何合适
Python 模式
我不知道该怎么做，我一直遇到问题。以下是代码: rows = int(input()) for i in range(1,rows): for j in range(1,i+1):
正则表达式重写 AND 模式
我想为重写创建一个正则表达式。将所有请求重写为 index.php(不需要匹配)，它不是以/api 开头，或者不是以('.html'，或'.js'或'.css'或'.png'结束) 我的例子还是这样
30、MVC 模式
MVC模式代表 Model-View-Controller（模型-视图-控制器）模式 MVC模式用于应用程序的分层开发 Model（模型） - 模型代表一个存取数据的对象或 JAVA PO
组织模式的 RDF 模式
我想为组织模式创建一个 RDF 模式世界。您可能知道，组织模式文档基于层次结构大纲，其中标题是主要的分组实体。 * March auxiliary :PROPERTIES: :HLEVEL: 1 :E
值为对象数组的对象的 JSON 模式
我正在编写一个可以从文件中读取 JSON 数据的软件。该文件包含“person”——一个值为对象数组的对象。我打算使用 JSON 模式验证库来验证内容，而不是自己编写代码。符合代表以下数据的 JSON
用于多个多对多关系的 SQL 模式
假设我有 4 张 table 人公司团体和账单现在bills/persons和bills/companys和bills/groups之间是多对多的关系。我看到了 4 种可能的 sql 模式
用于处理多个连接的多值字段的 SOLR 模式
假设您有这样的文档: doc1: id:1 text: ... references: Journal1, 2013, pag 123 references: Journal2, 2014,
JSON 模式 - 多种类型
我有这个架构。它检查评论，目前工作正常。 var schema = { id: '', type: 'object', additionalProperties: false, pro
与参数匹配的 F# 模式
这可能很简单，但有人可以解释为什么以下模式匹配不明智吗？它说其他规则，例如1, 0, _ 永远不会匹配。 let matchTest(n : int) = let ran = new Rand
XML 模式 - 命名空间选择歧义
我有以下选择序列作为 XML 模式的一部分。理想情况下，我想要一个序列: 来自 my:namespace 的元素必须严格解析。来自任何其他命名空间的元素，不包括 ##targetNamespace和
相似对象映射的 json 模式
我希望编写一个 json 模式来涵盖这个(简化的)示例 { "errorMessage": "", "nbRunningQueries": 0, "isError": Fals
永远不会匹配与元组规则匹配的 F# 模式
首先，我是 f# 的新手，所以也许答案很明显，但我没有看到。所以我有一些带有 id 和值的元组。我知道我正在寻找的 id，我想从我传入的三个元组中选择正确的元组。我打算用两个 match 语句来做到这

搜寻专家

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

jquery - 导航上的 Slick Slider Jumping - 可变宽度和中心模式