2012-06-06 64 views
4

我已經把HTML標籤中<a title=""></a>標籤不想<a>標籤的title屬性顯示HTML

<a>標籤:

<a href="/survey/MyClicks/myclicks" class="toolLink" title="&lt;h2&gt;my clicks!&lt;/h2&gt; Group your contacts to target your &lt;span&gt;ASK&lt;/span&gt; to the specific people you want opinions from.">Clicks</a> 

當我鼠標移到該標籤它顯示HTML標記爲標題,但我不想在標題中顯示HTML標籤。

我該如何解決這個問題?

+0

title屬性未格式化。如果你想要更多花哨的工具提示,那就去逛逛吧 - 這裏有許多純粹的CSS和JavaScript解決方案。有關相關問題,請參閱http://stackoverflow.com/questions/2049589/html-a-tag-title-formatting。 –

回答

0

您可以顯示在標題的文本,然後你可以刪除的屬性。

var ttext; 
$('.toolLink').hover(function(){ 
    ttext = $(this).attr('title'); 
    //$('.showTitle').text(ttext); //use only if you are displaying the title text 
    $(this).removeAttr('title'); 
},function(){ 
    $(this).attr('title', ttext); 
}); 
0

刪除title屬性。如果使用它,那麼由瀏覽器將它用作工具提示(如果他們喜歡的話),並且通常他們喜歡 - 這種使用或多或少是屬性的基本概念。

如果具有該屬性的特定原因(如對搜索引擎的假設影響),則可以使用removeAttribute()方法將該屬性保留在HTML中,但使用客戶端JavaScript將其刪除。

0

要麼你應該刪除工具提示內的HTML,否則你需要一些基於HTML的提示插件,如Tipsy

Tipsy是一個jQuery插件,用於根據錨標記的標題屬性創建類似Facebook的工具提示效果。

項目頁面:http://onehackoranother.com/projects/jquery/tipsy/

0

我面臨同樣的問題,這是有點棘手,但我使用jQuery像this.You沒有標記與jQuery這個問題,解決這個問題,但我認爲這可以幫助您。

var attrTitleValue=""; 
$('#YourAnchorTag').hover(function() { 
        attrTitleValue = $('#YourAnchorTag').attr("title");//Its depend upon you how you find your anchor tag 
        $('#YourAnchorTag').attr("title", ""); 
       }, function() { 
        $('#YourAnchorTag').attr("title", attrTitleValue); 
       });