单词修剪工具提示jquery

时间:2014-05-23 01:57:48

标签: php jquery tooltip words

基本上,我希望我的工具提示在auto_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>

这是我的代码

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

1 个答案:

答案 0 :(得分:1)

在这一行:

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