Question

我希望有人可以帮我解决这个问题。我将ClockPicker与＆＃34; 12小时＆＃34;在模态上设置的选项。 AM / PM按钮根本不可点击。当试图点击其中任何一个时，clockPicker就会消失。这是谷歌Chrome专用的，我在PC和Mac上试过。在Firefox中运行良好。

我在AM按钮上发出警报，看它是否被触发但是没有。

$('<button type="button" class="btn btn-sm btn-default clockpicker-button am-button">'+ " AM" +'</button>')
            .on("click", function() {
                self.amOrPm = " AM"; 
                alert('Foo');
                $('.clockpicker-span-am-pm').empty().append(' AM');
            }).appendTo(this.amPmBlock);

在模态之外，警报会触发，但内部却没有。我也尝试过： 1.将clockpicker-span-am-pm元素移动到clickpicker-plate上方但结果是相同的。 2.向clickpicker-span-am-pm和clockpicker-button添加z-index也没有产生任何结果。 3.使模态足够大，以便时钟选择器不在它之外。

我在网上发现的与类似问题最接近的是：How to get ClockPicker for Bootstrap (Plugin) to appear in a Bootstrap Modal pop up form?

这是我的jsfiddle基于：http://jsfiddle.net/pLh5G/10/

我无法想到我还能尝试什么，或者Chrome如何区别对待它。

Answer 1

经过几个小时的研究。我决定从时钟选择器中移除AM PM块，只需使用由http://www.bootstraptoggle.com/

提供的额外按钮集。

如何修复引导模式中的Clockpicker（Bootstrap插件）十二小时选项（特定于铬）

1 个答案: