引導滑塊加載不起作用

Question

我認為我無法選擇bootstrap-slider中的 DOM元素。 當我嘗試使用諸如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 。