Twitter bootstrap 在引导模式旋转木马中隐藏下一步按钮

Twitter bootstrap 在引导模式旋转木马中隐藏下一步按钮,twitter-bootstrap,carousel,blueimp,Twitter Bootstrap,Carousel,Blueimp,我用这个 用于引导模式中的引导转盘。这很好用。但是如果我在第一张幻灯片上,我需要隐藏“上一张”按钮,如果我在最后一张幻灯片上,我需要隐藏“下一张”按钮。是否有办法处理此问题?您可以使用文档中的事件回调函数。可以在一些函数()的基础上隐藏“上一步”和“下一步”按钮 或者尝试设置var选项旋转木马:false首先,禁用连续 var options = { //Allow continuous navigation, moving from last to first // and from fir

我用这个


用于引导模式中的引导转盘。这很好用。但是如果我在第一张幻灯片上,我需要隐藏“上一张”按钮,如果我在最后一张幻灯片上,我需要隐藏“下一张”按钮。是否有办法处理此问题?

您可以使用文档中的事件回调函数。可以在一些函数()的基础上隐藏“上一步”和“下一步”按钮


或者尝试设置var选项
旋转木马:false

首先,禁用连续

var options = {
//Allow continuous navigation, moving from last to first
// and from first to last slide:

continuous: false,
};

or make

continuous: !1  // In jquery.blueimp-gallery.min.js
其次,在“下一步”和“上一步”按钮上添加id

<button id="prv" type="button" class="btn btn-default pull-left prev">
     Previous
</button>
<button id="nxt" type="button" class="btn btn-primary next">
     Next
</button>

谢谢我的JS知识很薄弱,我知道怎么做。先试试第二种方法,因为它更容易。您只需将其包含在JS的
var选项中即可。运行脚本时,它必须位于代码中的某个位置。我尝试给出
carousel:false
,但在第一张/最后一张幻灯片中,prev/next按钮仍然可见
<button id="prv" type="button" class="btn btn-default pull-left prev">
     Previous
</button>
<button id="nxt" type="button" class="btn btn-primary next">
     Next
</button>
.blueimp-gallery-left #prv, .blueimp-gallery-right #nxt{
display: none; }