Question

.XHTML文件中的这个jQuery工具提示工作正常

<?xml version="1.0" encoding="utf-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:t="http://www.tei-c.org/ns/1.0" >
<head>
<title>Sandbox</title>
        <link rel="stylesheet" type="text/css" href="tooltipster.bundle.css" />
        <link rel="stylesheet" type="text/css" href="tooltipster-sideTip-light.min.css" />
        <script type="text/javascript" src="http://code.jquery.com/jquery-3.1.0.min.js"></script>
        <script type="text/javascript" src="tooltipster.bundle.min.js"></script>
        <script>$(document).ready(function() {
            $('.tooltip').tooltipster({ 
                functionInit: function(instance, helper) {
                    var content = $(helper.origin).children().detach();
                    instance.content(content);              
                }
            })
        });</script>
</head>
<body>

<span class="tooltip">Hover here.
    <p>Red</p>
    <p>Green</p>
    <p>Blue</p>
</span>

</body>
</html>

直到我在<t:body></t:body>之后的HTML正文中添加</span>。工具提示会在悬停时显示，但不会消失。

那<t:body>无所谓。 t:body位于不同的名称空间中！（没关系，对吗？）

如果我将t:body更改为t:bod或将文件名从.xhtml更改为.html，问题就会消失。（我正在使用深渊网络服务器。）

发生了什么事？我怎样才能做到这一点？这个应用程序广泛使用XHTML中的命名空间和命名空间元素 - 如<body> - 在HTML命名空间中有意义。

Answer 1

这是Tooltipster中的一个问题。它已在4.1.8中修复。

XML命名空间使用XHTML中断工具提示

1 个答案: