工具提示显示内容

时间:2018-10-22 12:31:23

标签: javascript jquery html

工具提示显示内容如何以以下格式显示

请帮助我

“ Dynamic_value”值来自变量中的函数,我想显示  如下格式

  

选择参数

     

选择日期-动态值

     

单位价值-动态值

     

列表-动态值

下面是代码示例

<label id="lblName" for="txtName" title="Full Name">Name</label>
<input id="txtName" type="text" title="Your full name as it appears in paasport" />

<meta charset="utf-8">
<title>tooltip demo</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script type="text/javascript">
  $(document).ready(function() {
    $('#txtName').tooltip({
      content: toolTipFunction

    });

    function toolTipFunction() {
      var texdisp = 'Selection Date - Dynamic_value; Unit Value- Dynamic_value; list - Dynamic_value';
      return texdisp
    }

  });
</script>

1 个答案:

答案 0 :(得分:0)

如果我正确地理解了这个问题,那么您只是在试图将换行符包括在内。只需在<br />字符串中包含texdisp元素即可完成此操作。

<label id="lblName" for="txtName" title="Full Name">Name</label>
<input id="txtName" type="text" title="Your full name as it appears in paasport" />

<meta charset="utf-8">
<title>tooltip demo</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script type="text/javascript">
  $(document).ready(function() {
    $('#txtName').tooltip({
      content: toolTipFunction
    });

    function toolTipFunction() {
      var texdisp = 'Selection Date - Dynamic_value;<br /><br /> Unit Value- Dynamic_value;<br /><br /> list - Dynamic_value';
      return texdisp
    }

  });
</script>