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; }