2015-10-27 119 views
9

我有我的代碼:需要雙擊在Firefox

+function($) { 
'use strict'; 
var Ripple = function(element) { 
    var $this = $(this) 
    $(element).on('mousedown', $this.start) 
} 
Ripple.prototype.start = function(e) { 
    var $this = $(this) 
    var r = $this.find('.ripple-wave') 
    if(r.length == 0) { 
     $this.prepend('<div class="ripple-wave"></div>') 
     r = $this.find('.ripple-wave') 
    } 
    if($this.hasClass('btn') || $this.hasClass('single-action')) { 
     var posX = $(this).offset().left, posY = $(this).offset().top 
     r.css('left', e.pageX - posX) 
     r.css('top', e.pageY - posY) 
    } 
    r = r.parent() 
    r.addClass('active') 
    r.one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(e) { 
     r.removeClass('active') 
    }) 

} 

var old = $.fn.ripple 

$.fn.ripple = function() { 
    return this.each(function() { 
     new Ripple(this) 
    }) 
} 

$.fn.ripple.Constructor = Ripple 

$.fn.ripple.noConflict = function() { 
    $.fn.ripple = old 
    return this 
}}(jQuery); 

但是,如果我在Mozilla Firefox測試,我需要雙擊才能完成其功能的元件。

我初始化這個我使用的頁面加載:

$('.ripple').ripple() 

PS:我也有其他的JS文件中各元素的單擊事件。

在Chrome中,只需點擊一下即可正常工作。

+0

你可以張貼HTML重現呢? –

+3

不認爲這解決了你的問題,但不應該'$(element).on('mousedown',$ this.start)'是'$(element).on('mousedown',this.start)'? –

+0

您能否給我們提供完整的JQuery代碼,完整的html代碼,並且可能會更好地闡述您的問題? – Milos

回答

1
  1. $("p").dblclick(function() { alert("Hello World!"); });

  2. <p ondblclick="myFunction()">Double-click me</p>

+0

這是我對你刪除的問題的評論。開始學習PHP。主要優點並不在於它比C++容易。主要優點是與C++相比,它提供了良好的工作機會。 C++程序員是不需要的。 –