我试图打破长形式的单调,通过在几个bootstrap 4轮播div中传播字段来制作多个部分。这导致奇怪的行为,表单文本输入字段不可编辑 切换轮播幻灯片(切换前编辑正常)。
导致此问题的原因以及如何解决?
(我也使用一个小jquery来显示相应的导航按钮,但我认为这不会干扰实际的输入可编辑性,例如:)
$('#carousel-control-previous').hide(); // start with prev button hidden
$('#btn-submit').hide(); // start with submit button hidden
答案 0 :(得分:2)
这是由于旋转木马在聚焦时劫持键盘造成的(因此键盘可以控制旋转木马滑动)。通过将data-keyboard="false"
添加到.carousel
包装器div。