Question

我们要求在html页面上显示少数字段的工具提示。这就是我们所拥有的

HTML：的货币

JS $（＆＃39; .help＆＃39;）。each（function（）{ $（本）.tipsy（）; }）;

显示工具提示，但不会在每个悬停上保持坐标。它垂直对齐，以便工具提示中的每一行只包含一个字符。只有在反复悬停在工具提示上后才会发生这种情况。在每个悬停时，工具提示大小水平减小并垂直增加。附加屏幕截图相同 enter image description here

如果有办法解决此问题，请告诉我们

提前致谢

以下是代码段

＆＃13;

<HTML>
    <meta http-equiv="X-UA-Compatible" content="IE=9" />

<head>

     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.tipsy/1.0.2/jquery.tipsy.css" type="text/css">
     <link rel="stylesheet" type="text/css"
         href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css"
         href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
     <link rel="stylesheet" type="text/css"
         href="https://cdn.datatables.net/1.10.2/css/jquery.dataTables.css" />
     <link rel="stylesheet" type="text/css"
         href="https://cdn.datatables.net/colvis/1.1.0/css/dataTables.colVis.min.css" />
     <link rel="stylesheet" type="text/css"
         href="https://cdn.datatables.net/keytable/1.2.1/css/dataTables.keyTable.min.css" />
     <link rel="stylesheet" type="text/css"
         href="https://cdn.datatables.net/tabletools/2.2.3/css/dataTables.tableTools.min.css" />

     <!-- Latest compiled and minified JavaScript -->
     <script type="text/javascript" charset="utf8"
         src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
     <script type="text/javascript" charset="utf-8"
         src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
     <script type="text/javascript" charset="utf8"
         src="https://cdn.datatables.net/1.10.2/js/jquery.dataTables.js"></script>
     <script type="text/javascript" charset="utf8"
         src="https://cdn.datatables.net/colvis/1.1.0/js/dataTables.colVis.min.js"></script>
     <script type="text/javascript" charset="utf8"
         src="https://cdn.datatables.net/keytable/1.2.1/js/dataTables.keyTable.min.js"></script>
     <script type="text/javascript" charset="utf8"
         src="https://cdn.datatables.net/tabletools/2.2.3/js/dataTables.tableTools.min.js"></script>
     <script type="text/javascript" charset="utf8"
         src="./js/treetable/jquery.treetable.js"></script>
     <script type="text/javascript" charset="utf8"
        src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
     <script type="text/javascript" charset="utf8"
        src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tipsy/1.0.2/jquery.tipsy.js"></script>

<script>
$(document).ready(function(){
    $('.help').each(function() {

	          $(this).tipsy();

});
});
</script>

</head>

<body>

<div align="center">
<a href="#" class="help" title="currency">
<span class="glyphicon glyphicon-question-sign"></span>
</a>
<strong>currency:</strong>
</div>

</body>

＆＃13;

Jquery工具提示无法正常显示

0 个答案: