2010-12-23 13 views
1
fixiert

so, denn ich bin mit qtip jquery .... und ich habe den folgenden Codewie zu halten qtip

$('#content a[href]').qtip(
    { 
     content: 'Some basic content for the tooltip', // Give it some content, in this case a simple string 
     style: { 
     name: 'cream', // Inherit from preset style 
     tip: 'topLeft' 
     }, 
     show: { 
      when: 'click', // Show it on click... 
      solo: true // ...and hide all others when its shown 
     }, 
     hide: { 
      when : 'focusout', 
      fixed: true 
     } 
    }); 

so der gewünschte Effekt ist, dass die Spitze sollte angezeigt werden, wenn ich auf den Link klicken und bleib dort, es sei denn, wenn ich auf einen anderen Teil der Seite klicke (daher der Fokus), aber gleichzeitig, wenn ich auf den Tipp selbst klicke, möchte ich nicht, dass er verschwindet, damit ich interessante Dinge einfügen kann. also das fixed: true ... aber selbst wenn ich das tue, würde es immer noch verschwinden, wenn ich auf die spitze klicke ... was mache ich falsch oder gibt es einen anderen weg um zu verhindern, dass die spitze verschwindet, wenn ich darauf klicke aber Verschwinde, wenn ich auf einen anderen Teil der Seite klicke?

Antwort

1

Sie müssen die unfocus Ereignis verwenden:

$('#content a[href]').qtip({ 
    content: 'Some basic content for the tooltip', 
    // Give it some content, in this case a simple string 
    style: { 
     name: 'cream', 
     // Inherit from preset style 
     tip: 'topLeft' 
    }, 
    show: { 
     when: 'click', 
     // Show it on click... 
     solo: true // ...and hide all others when its shown 
    }, 
    hide: { 
     when: { event: 'unfocus' } 
    } 
}); 

Arbeits Demo: http://jsfiddle.net/andrewwhitaker/rep87/

Vom documentation:

Die 'unfocus' Ereignis versteckt den Tooltip, wenn irgendwo sonst auf der Dokument, mit Ausnahme der Tooltip selbst, wird angeklickt.


+0

hmm interessant, wenn ich das auf meinen Code zu tun, die qtip wird nicht verschwinden, wenn ich auf einem anderen Ort klicken ... es verschwindet nur, wenn ich zweimal auf den Link klicken ..... die Demo scheint aber zu funktionieren .... irgendwelche Gedanken? –

+0

@kamikaze_pilot: Welche Version von qTip und jQuery verwenden Sie? Die Demo verwendet jQuery 1.4.4 (obwohl es mit einer Version> = 1.3.2 außer 1.4.2 zu funktionieren scheint) und die neueste Version von qTip. Gibt es eine Möglichkeit, das Problem in einer Geige zu duplizieren? Wenn nicht, könnte es etwas mit anderem Code sein? –

+0

ja, ich benutze jquery 1.4.2, aber ich benutze auch die überarbeitete Version von jquery.qtip-1.0, die angeblich auf 1.4.2 funktioniert (und es macht den größten Teil) ..... ich werde es versuchen updaten jquery und sehen, was passiert –