2016-04-15 8 views
3

Ich benutze das qtip jquery plugin, und stieß auf ein seltsames Problem. Ich habe einen großen "Tooltip", der scrollt. Geige hier: http://jsfiddle.net/yu9tb1wn/Bleiben Sie auf Element konzentriert, wenn Klicken und Halten in ihm beginnt

In Firefox, wenn ich klicke und versuche, Text zu wählen, wird das div scrollen, wenn ich durch die obere oder untere verlassen. Dies wird erwartet und gewünscht, weil sich die meisten Fenster so verhalten.

In IE und Chrome verschwindet der Tooltip jedoch, weil er auf mouseleave verschwinden soll.

Wie kann ich IE und Chrome dazu bringen, sich wie Firefox zu verhalten? Vielleicht gibt es einige Ereignisse, die ich benutzen muss, von denen ich nichts weiß.

Wenn Sie diese Geige in den verschiedenen Browsern versuchen, versuchen Sie, den ganzen Text auszuwählen, und Sie sollten das Verhalten sehen, über das ich spreche.

einfach qtip Code:

$('a[title]').qtip({ 
    hide: { 
    delay:250, 
     fixed: true, 
    } 
    }); 

Antwort

1

schaffe ich diese Arbeit auf Chrome zu machen: http://jsfiddle.net/d6b5wmLk/12/

var b = true; 
    $('a[title]').qtip({ 
    hide: { 
     delay:250, 
     fixed: true, 
    }, 
    events: { 
     hide: function(event, api) { 
      if(!b) { 
       event.preventDefault(); 
      } 
     } 
    } 
    }); 
    $("html").mousedown(function() { 
    b = false; 
    }); 
    $("html").mouseup(function() { 
    b = true; 
    $('a[title]').qtip('hide'); 
    }); 
+0

Sie rocken Tim. Ich musste eine kleine Änderung vornehmen, damit es den Tooltip nicht verbarg, wenn ich mich drinnen aufmachte. Aktualisierte Geige: http://jsfiddle.net/d6b5wmLk/14/. Und IE ist eine andere Geschichte, weil es nicht einmal scrollen wird, aber nahe genug :) – dan08

+0

Guter Fang. (Ich bleibe so weit wie ich kann von IE) –

0

i war auf der Suche und die Bibliothek, und ich glaube, dass Sie die Verzögerung ein wenig mehr erhöhen können, das zu erreichen. Aber außer, dass ich sehe keine andere Art und Weise, ohne die Bibliothek zu modifizieren

+0

Das wird nicht wirklich funktionieren, es verzögert, wie lange er geöffnet bleibt nach dem Mausklick. Es ist nicht wirklich spezifisch für die Bibliothek. Ich bin auf der Suche nach einer Möglichkeit, das Verhalten von Firefox zu imitieren, indem ich mich auf das Element konzentriere, wenn man den Mauszeiger drückt und geht. – dan08