단어 트림 된 툴팁 jquery

Question

기본적으로 company_id가 올려 졌을 때 기본적으로 툴팁에 회사 이름을 표시하고 싶습니다. 그러나 예를 들어 "회사 A"를 표시하는 대신 "회사"만 표시합니다. 나는 공간 앞에 모든 것을 인쇄하고 있다는 것을 깨달았다. 여기

스크립트입니다 :

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

하고 여기에 내 코드를 내가 직접이 줄이

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

Answer 1

같은 텍스트를 입력 할 때 문제가 아니다

<?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>"; 
    } 
?> 

:

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