تلميح أداة jquery مع الروابط الموجودة عليه

StackOverflow https://stackoverflow.com/questions/1811529

  •  06-07-2019
  •  | 
  •  

سؤال

كنت أرغب في الحصول على مكون إضافي لـ jquery يمكنه دعم الروابط الموجودة في تلميح الأدوات.لم أتمكن من العثور على واحدة.

هل كانت مفيدة؟

المحلول

يدعم BeautyTips محتوى HTML (بما في ذلك الروابط) ضمن تلميحات الأدوات:

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

يحرر

يعمل BeautyTips مع HoverIntent لمنح المستخدم وقتًا للنقر على رابط تلميح الأداة.انظر هذا المثال:

<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>

نصائح أخرى

وهذا واحد يتيح لك الحصول على أي شيء تقريبا (أتش تي أم أل / النص) في تلميح الأدوات:
http://jquery.bassistance.de/tooltip/demo/

وسؤالي لك. تلميحات عادة من المفترض أن تكون قادرة على الظهور على تحوم نص / عنصر وتختفي عندما لا تحوم. حتى إذا كان لديك سلوك تلميح الأدوات التقليدية، وصلة تلميح الأدوات سوف تختفي قبل أن يتحرك الماوس للنقر عليه.

قد يكون لديك لتنفيذ شيء للتعامل مع ذلك. وتأخر تختفي أو تلميح وضع متداخلة أو مجرد المجاور للعنصر. : P

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top