如何在幻灯片部分的页面中隐藏底部零答案

【问题标题】：how to hide bottom zero from page in slide part如何在幻灯片部分的页面中隐藏底部零
【发布时间】：2015-04-29 02:18:03
【问题描述】：

我正在尝试在离子框架中制作滑块。我可以让幻灯片用户能够左右滑动和不同的页面显示。但是在页面上，页面底部有 零显示。我需要隐藏那个零。用户向左滑动并在底部不显示零写字

你能告诉我如何隐藏那个零

<ion-slide-box active-slide="myActiveSlide">
  <ion-slide>
    <div class="box blue"><h1>BLUE</h1></div>
  </ion-slide>
  <ion-slide>
    <div class="box yellow"><h1>YELLOW</h1></div>
  </ion-slide>
  <ion-slide>
    <div class="box pink"><h1>PINK</h1></div>
  </ion-slide>
</ion-slide-box>

【问题讨论】：

标签： javascript angularjs css ionic-framework ionic

【解决方案1】：

您不需要为此使用 jQuery 或 css。可以直接在ion-slide-box上隐藏寻呼机：

<ion-slide-box active-slide="myActiveSlide" show-pager="false">

请参阅ionSlideBox docs。

【讨论】：

【解决方案2】：

这可能是您的一些语法错误，但我假设您的意思是三个圆形页面指示符。添加此 css 以隐藏它们。

.slider-pager{
  display:none;
}

【讨论】：

【解决方案3】：

你可以通过 jQuery 作为

来实现它

$(".slider-pager").hide();

或者通过CSS作为

.slider-pager{display:none}

【讨论】：