4

这是我在视图中定义事件的地方:

events : {
            "tap #exerciseProgressBarContainer" : 'progressBarClick'
        },

这是行动:

    progressBarClick : function() {
        // start?
        if(this.curWorkoutExercise.isTimed() && !this.curExerciseStartTime) {
            HTMLHelper.endGlow(this.$('#exerciseProgressBarContainer .progressBar.overlay'));
            this.startExerciseProgressTimer();
        }
        // done?
        else {
            this.stopExerciseProgressTimer();

            // save the log
            this.addCurExerciseLog();

            this.startBreak();
            this.nextAction();
        }
    },

基本上,在第一次点击时,用户启动进度计时器,在启动后,另一个点击完成。我的 iPhone 和我的 Android 上发生的事情是 tap 事件触发两次,使进度条的开始和停止同时进行。任何想法为什么会发生这种情况以及如何解决它?注意:我已经尝试过tap使用vclick.

非常感谢!

4

2 回答 2

5

我最终使用 e.stopPropagation() 和 停止了事件传播e.preventDefault()

于 2012-10-12T19:24:40.907 回答
0

为什么不使用“touchend”事件?

顺便提一句。当您的脚本在运行时被触发时失败时,这是一个好主意,以确保它在运行时不会被触发。如果有人因为不耐烦而点击了两次怎么办?

在某些情况下,您可以为此使用 jquery 的函数 .one()。在大多数情况下,您需要更大的灵活性,您可以通过简单的变量检查来解决它。

于 2012-09-01T21:24:08.347 回答