مشکل با نمایش استایل های tooltip

[-Ali- 57]

سلام

من با این کد tooltip های سایت رو استایل دهی میکنم :

a:after {
content: attr(title);
position: absolute;
height: 20px;
padding: 7px;
color: #FFF;
background: rgba( 0, 0, 0, 0.5 );
white-space: nowrap;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
opacity: 0;
transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
a:hover:after {
opacity: 1;
}

فقط یه مشکلی وجود داره اونم اینه که لینک هایی که title هم ندارند این استایل رو میگیرند و وقتی موس رو روشون نگه میدارم با این که توضیحات ندارند tooltip کوچیکو و خالی بالاشون هست !

میشه با js یا چیزی کاری کرد فقط لینک هایی که title دارند این tooltip رو بگیرند ؟

[isk 4447]

شما فورس رو روی a گذاشتید و بدیهیه که این اتفاق میافته

میتونید از custom data استفاده کیند. (*-data) و بعد در js شرط بذارید.

[-Ali- 57]

آموزش چیزی در اینباره دارید ؟

سایت ایران فیلم : http://iranfilm206.com/ این کارو کرده روی عکسا , اسلایدر , یا لینکایی که title دارند فقط اجرا میشه

<script type='text/javascript' src='http://iranfilm206.com/wp-includes/js/jquery/jquery.js?ver=1.11.0'></script>
<script type='text/javascript' src='http://iranfilm206.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='http://iranfilm206.com/wp-content/plugins/pe_estro_slider/resources/pe.kenburns/jquery.pixelentity.kenburnsSlider.min.js?ver=1.0'></script>

<script type="text/javascript" src="http://iranfilm206.com/wp-content/themes/iranfilm/js/jquery.liquidcarousel.pack.js"></script>
<script type="text/javascript" src="http://iranfilm206.com/wp-content/themes/iranfilm/js/script.js"></script>
<script type="text/javascript" src="http://iranfilm206.com/wp-content/themes/iranfilm/js/menu.js"></script>
<script type="text/javascript" src="http://iranfilm206.com/wp-content/themes/iranfilm/js/MTForum.js"></script>
<script src="http://iranfilm206.com/wp-content/themes/iranfilm/js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
//$(".Workers li a.Media").FooterWorkers("<span><br><img src=\"http://iranfilm206.com/wp-content/themes/iranfilm/images/browser.png\" /></span>");
$(".Workers li a.Design").FooterWorkers("<span><img src=\"http://iranfilm206.com/wp-content/themes/iranfilm/images/pcboy.png\" /></span>");
$(".Workers li a.Desktop").FooterWorkers("<span><img src=\"http://iranfilm206.com/wp-content/themes/iranfilm/images/xtar.png\" /></span>");
//$(".Workers li a.Ranking").FooterWorkers("<span><img src=\"http://iranfilm206.com/wp-content/themes/iranfilm/images/iranfilm.png\" /></span>");
});
</script>
<script type='text/javascript' src='http://iranfilm206.com/wp-content/plugins/contact-form-7/includes/js/jquery.form.js?ver=3.09'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/iranfilm206.com\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"\u062f\u0631 \u062d\u0627\u0644 \u0627\u0631\u0633\u0627\u0644 ..."};
/* ]]> */
</script>
<script type='text/javascript' src='http://iranfilm206.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=3.2'></script>

کدوم js هست دقیقا ؟؟!!

js که ریپ حساب نمیشه که خلاف قوانین باشه ؟؟

[irestorer 0]

می تونی به جای استفاده از استایل از tooltip عادی HTML استفاده کنی:

title="shown tooltip"

[-Ali- 57]

:| دوست عزیز اون که پیشفرض هست من میخوام بهش استایل بدم و با این مشکل بر خوردم که اونایی که titile ندارند هم این استایلو میگیرند !

[irestorer 0]

:| دوست عزیز اون که پیشفرض هست من میخوام بهش استایل بدم و با این مشکل بر خوردم که اونایی که titile ندارند هم این استایلو میگیرند !

ببین شما الان مشکلت این هست که سایر لینک ها هم این کلاس را میگیرن، به خاطر Type یا id مشترک هست احتمالا!

راح حلش اینه که شما برای اون لینکهایی که نمیخوای این استایل را بگیرن یک کلاس جدید تعریف کنی و اون کلاس را به همشون تخصیص بدی...