jquery-tooltip mit links auf Sie

Wollte ich ein jquery-plugin, die Unterstützung von links auf den tooltip.
Ich konnte nicht eine gefunden.

InformationsquelleAutor San | 2009-11-28
  1. 0

    BeautyTips unterstützt HTML-Inhalte (inklusive links) in tooltips:

    http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html

    Bearbeiten

    BeautyTips arbeitet mit HoverIntent genügend Zeit zu geben, um dem Benutzer, klicken Sie auf das tooltip-link. Siehe dieses Beispiel:

    <html>
<head>
<script language="javascript" src="http://f.work/layout/jqueryui/js/jquery-1.3.2.min.js"></script> 
<script language="javascript" src="http://f.work/layout/js/beautytips/other_libs/jquery.hoverIntent.minified.js" charset="utf-8"></script> 
<script language="javascript" src="http://f.work/layout/js/beautytips/other_libs/bgiframe_2.1.1/jquery.bgiframe.min.js" charset="utf-8"></script> 
<!--[if IE]><script src="http://f.work/layout/js/beautytips/other_libs/excanvas_r3/excanvas.js" type="text/javascript" charset="utf-8"></script><![endif]--> 
<script language="javascript" src="http://f.work/layout/js/beautytips/jquery.bt.js" charset="utf-8"></script> 
<script src="http://f.work/layout/js/beautytips/other_libs/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script> 
</head> 
<body>
<img src="/layout/images/logo.png" id="example3" />

<script>

$('#example3').bt(
'<a href="javascript:alert(\'Update the image\')">Change Image</a>',
{
  cssStyles: {color: 'white', fontWeight: 'bold'},
  shrinkToFit: true,
  padding: 20,
  cornerRadius: 10,
  spikeLength: 15,
  spikeGirth: 5,
  positions: ['left', 'right', 'bottom'],
  hoverIntentOpts: {
    timeout: 5000
  }
});

</script>
</body>
</html>
    • Es funktioniert, aber ich habe zu tun einige Anpassungen, damit es richtig funktioniert.
    • Navigieren Sie zu Scripting on/off
    InformationsquelleAutor leepowers
  2. 2

    Dieses erlaubt Ihnen, fast alles, was (html/text) in den tooltip an:

    http://jquery.bassistance.de/tooltip/demo/

    Meine Frage für Sie. Tooltips sind in der Regel in der Lage sein sollen, erscheinen beim überfahren eines text/element und verschwinden, wenn Sie nicht schweben. Also, wenn Sie einen herkömmlichen tooltip-Verhalten, die tooltip-link, um zu verschwinden, bevor Sie Ihre Maus zu klicken.

    Haben Sie vielleicht etwas umzusetzen ist, damit umzugehen. Eine verzögerte verschwinden oder ein tooltip positioniert überlappende oder einfach nur neben dem element. 😛

    • Eigentlich wollte ich einen link auf ein Bild zu sagen "Bild ändern", der link sollte nur erscheinen, wenn der Benutzer mit der Maus über das Bild. Kennst du ein plugin, welches das tut?
    • Gut erkannt, über die, wie auf den link klicken
    InformationsquelleAutor o.k.w
Schreibe einen Kommentar