Question

我不会为项目的背景而烦恼但是我在使用触发器功能获取jquery ui滑块来注册点击时遇到了问题。

基本上，设计要求标签（或任何dom元素）位于滑块顶部。这必须通过调整css中的元素z-index来实现。但是，你可能无法点击滑块，因为这个元素位于顶部，因此顺便说一下，没有注册。

我在这里设置了一个小提琴，有助于详细说明问题。基本上我不会两个滑块在功能上相同（有或没有标签）。

js for ref：

$("ul > li").each(function () {

    $(this).children('span').slider({
        value: 100,
        min: 0,
        max: 500,
        step: 25
    });

    $(this).on('click', 'label', function (e) {
        var evt = {
            'type': 'click',
            'pageX': e.pageX,
            'pageY': e.pageY
        };
        $(this).siblings('span.ui-slider').trigger(evt);
    });

});

干杯，阿迪。

Answer 1

这是一个将span元素插入手柄中的解决方案，因此它会“保持”连接到手柄。

$(this).children('span')
    .slider({
        value: 100,
        min: 0,
        max: 500,
        step: 25
    })
    .siblings("label")
        .appendTo($(this).find(".ui-slider-handle"))
;

这是link to jsfiddle

jquery获取触发器函数以使用jquery ui滑块上的某些鼠标坐标激活

1 个答案: