私が持っているワードプレスのウェブサイトを作成しましたcycle2プラグインをギャラリーに統合しました。ユーザーが複数の画像を追加すると、コントロールが表示され、スライドショーの切り替えが開始されます。画像が1つしかない場合にコントロールを非表示にしたいのですが、プロセスの開発を支援するコードのスニペットがありますが、関数にcss display：noneを追加しようとしましたが、何も起こりません。誰かが私を導くことができれば、これは素晴らしいことだと思います。さまざまな方法を試しました。
プラグイン： http://www.malsup.com/jquery/cycle2/
CSS：
.cycle-slideshow {
height:400px;
z-index:0;
}
.cycle-slideshow img{
width:100%;
height:100%;
z-index:3;
}
.center {
display:block;
}
.center a{
z-index:4;
position:absolute;
margin-top:-48px;
}
.center a:hover {
display:block;
}
.center a#prev, .center a#next{
position:relative;
width:4%;
height:60px;
width:60px;
margin-top:-60px;
font-size:40px;
text-align:center;
color:#FFF;
}
.center a#next{
float:right;
background:url(images/next.png) center -2px no-repeat;
}
.center a#prev {
float:left;
background:url(images/prev.png) center -2px no-repeat;
}
HTML：これのhtmlは巨大で、php関数に統合されていますが、次の行に沿っています：
<div class="cycle-slideshow"
data-cycle-fx=fadeout
data-cycle-timeout=1000
data-cycle-pause-on-hover="true">
<img src="/images/http://malsup.github.com/images/p1.jpg">
...
</div>
jQueryのスニペット（私が混乱している場所）：
$(document).ready(function () {
$(".cycle-slideshow").on( "cycle-initialized", function( e, opts ) {
if ( opts.slideCount > 1 ) {
$(".center").css("display", "none");
}
});
});
コンソールにもエラーは表示されません。
回答：
回答№1は1画像が1つしかない場合に、コントロールを非表示にする必要があると言います。しかし：
if ( opts.slideCount > 1 ) {
$(".center").css("display", "none");
}
複数の画像がある場合はそれらを非表示にします。