Jquery Taphold没有使用dragdealerjs滑块

时间:2014-08-01 23:26:47

标签: javascript jquery jquery-mobile dragdealer-js

我正在添加一系列带有dragdealerjs功能的div。问题是我需要能够点击并按住“.handle”div,以便在其下面显示滑块/抽屉。我已经简化了我的代码以找到问题的根源。我将“.innerGroup”div附加到“.groups”div。

HTML:

<div class="groups scroll">
    <div class="innerGroup">
        <div id="demo-simple-slider1" class="dragdealer">
            <div class="igIcon1"></div>
            <div class="handle"></div>
        </div>
    </div>
</div>

使用Javascript:

此代码不起作用,

$(document).on('taphold', '.handle', function() {
 alert('Tapped');
});

此代码确实有效,

$(document).on('click', '.handle', function() {
 alert('Tapped');
});

我知道这里有其他几个类似的答案,但我担心拖累经销商可能会使问题复杂化。我还认为问题与在DOM加载后添加innerGroup有关。提前致谢。

1 个答案:

答案 0 :(得分:0)

这里的错误是拖拽经销商实际上控制了taphold事件。为了解决这个问题,你需要进行两个阶段的检查,时间为750毫秒(与标准的taphold相同),并将滑块的距离设置为.49-.51(或类似的东西)。如果有人想要代码在这里发表评论而且发布了我想出的内容。

快乐编码