詞語修剪工具提示jquery

基本上我希望我的工具提示顯示公司名稱一旦company_id被徘徊。但是，不是顯示「公司A」，而是顯示「公司」。我意識到它只是在一個空間之前打印所有東西。詞語修剪工具提示jquery

這裏的腳本：

<script type="text/javascript"> 
    $(document).ready(function() { 
    // Tooltip only Text 
    $('.masterTooltip').hover(function(){ 
    // Hover over code 
    var title = $(this).attr('title'); 
    $(this).data('tipText', title).removeAttr('title'); 
    $('<p class="tooltip"></p>') 
    .text(title) 
    .appendTo('body') 
    .fadeIn('slow'); 
}, function() { 
    // Hover out code 
    $(this).attr('title', $(this).data('tipText')); 
    $('.tooltip').remove(); 
}).mousemove(function(e) { 
    var mousex = e.pageX + 20; //Get X coordinates 
    var mousey = e.pageY + 10; //Get Y coordinates 
    $('.tooltip') 
    .css({ top: mousey, left: mousex }) 
}); 
}); 
</script>

，這裏是我的代碼

<?php 
    $companyCtrl = new company_controller(); 
    $companyInfoArr = $companyCtrl->retrieveAllCompanyInfo(); 
    foreach($companyInfoArr as $info) { 
    $company_id = $info->getCompanyID(); 
    $company_name = $info->getCompanyName(); 
    echo "<a href='#' title=".$company_name." class='masterTooltip'>".$company_id."</a> <br>"; 
    } 
?>

有沒有問題，當我手動輸入這樣

<a href="#" title="This will show up in the tooltip" class="masterTooltip">Your Text</a>

來源

2014-05-23 DoubleClickOnThis

嗨，我這樣做的原因是，只有當我用下劃線替換空格時，它會打印出像這樣的「company_a」這樣的整個公司名稱。沒有那條線，我只能看到「公司」 – DoubleClickOnThis

在這一行文字：

echo "<a href='#' title=".$company_name." class='masterTooltip'>".$company_id."</a> <br>";

您需要在標題周圍添加引號，以便您正在生成的HTML格式正確。像這樣：

echo "<a href=\"#\" title=\"".$company_name."\" class=\"masterTooltip\">".$company_id."</a> <br>";

來源

2014-05-23 02:36:18

ahhhh，我看到......謝謝！ – DoubleClickOnThis

詞語修剪工具提示jquery

回答

相關問題