ich meinen Code haben:Benötigen Sie auf Firefox zu verdoppeln klicken
+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);
Aber wenn ich auf Mozilla Firefox zu testen, muss ich das Element, um seine Funktion zu tun, doppelklicken.
ich initialisieren diese zu meinen Laden der Seite mit:
$('.ripple').ripple()
PS: Ich habe auch auf Click-Ereignisse für jedes Element von anderer JS-Datei.
In Chrom funktioniert es richtig, mit einem einzigen Klick.
können Sie die HTML-per Post zu reproduzieren? –
glaube nicht, dass dies dein Problem löst, aber sollte '$ (element) .on ('mousedown', $ this.start)' '' (Element) .on ('mousedown', this.start) 'sein? –
Können Sie uns bitte den vollständigen JQuery-Code und den vollständigen HTML-Code zur Verfügung stellen und Ihr Problem möglicherweise etwas verbessern? – Milos