Bootstrap-滑块加载不工作

Question

我认为我无法 select DOM 属于 bootstrap-slider 的元素。当我试图用诸如 click 之类的事件来定位它们时，没有任何东西被触发。

当我刷新页面时，所有事件都会正确触发。为什么会发生这种情况？

$(document).on("page:change", function() {
    $(".slider-handle")
        .on("mousedown", function() {
            console.log("FOCUSED")
            $(".active-handle").removeClass("active-handle");
            $(this).addClass("active-handle");
        })
        .on("mouseup", function() {
            console.log("REMOVED")
            $(this).removeClass("active-handle");
            $(".active-handle").removeClass("active-handle");
        })
        .on("click", function() {
            console.log("REMOVED")
            $(this).removeClass("active-handle");
            $(".active-handle").removeClass("active-handle");
        })

Answer 1

如果元素在加载时不可见 jQuery 无法分配事件处理程序。试试这个：

$(document).on("mousedown", ".slider-handle", function() {

要提高性能，请将 document 替换为任何持久性祖先元素。

Bootstrap-滑块加载不工作

Bootstrap-slider loading not working

javascript

css

jquery

bootstrap-slider