导入 Bootstrap 时 HTML 工具提示不起作用

问题描述

我想使用 HTML 工具提示并从引导程序导入一些功能。问题是当我添加：

        <link rel="stylesheet" type="text/css" href="$shared/resources/css/bootstrap-3.0.3.min.css"/>

工具提示不再起作用。我在 eXist-db 工作并使用 exide，这是我的 HTML 代码：

        <html xmlns="http://www.w3.org/1999/xhtml">

<Meta charset="utf-8"/>
<title data-template="config:app-title"> ...</title>
        <Meta name="viewport" content="width=device-width,initial-scale=1.0"/>
        <Meta data-template="config:app-Meta"/>
        <link rel="shortcut icon" href="$shared/resources/images/exist_icon_16x16.ico"/>
        <link rel="stylesheet" type="text/css" href="$shared/resources/css/bootstrap-3.0.3.min.css"/>
        <link rel="stylesheet" type="text/css" href="resources/css/style.css"/>
        <script type="text/javascript" src="$shared/resources/scripts/jquery/jquery-1.7.1.min.js"/>
        <script type="text/javascript" src="$shared/resources/scripts/loadsource.js"/>
        <script type="text/javascript" src="$shared/resources/scripts/bootstrap-3.0.3.min.js"/>
  <html>
<head>  

<style>
.tooltip {
  position: relative;
  
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: white;
  color: black;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}
.tooltip:hover .tooltiptext {
  width: 240px;
  bottom: 110%;
  left: 20%;
  margin-left: -60px; /* Use half of the width (120/2 = 60),to center the tooltip */
  visibility: visible;
  
}
</style>
</head>
    <body id="body">

        <div style="width: 20%; height: 90px; float: left; margin:10px">
        <h4>Original Text:</h4>
        <div data-template="letter:text_orig"/>
        </div>

    </body>
    
    </html>
</html>

这是我使用工具提示的 letter.xql：

declare function letter:text_orig($node as node(),$model as map())
{
    let $resource := collection('/db/apps/Tobi-oshki/data')
    let $xml_id := letter:text_people('/db/apps/Tobi-oshki/data')
    for $rs in $resource//tei:rs
    for $id in $xml_id
        return
            if (data($rs/@key) eq $id) 
            then 
                <html>
                <div class="tooltip">{$rs}
                <span class="tooltiptext">{letter:text_lem(data($rs/@key))}</span>
                </div>
               </html>
            else
                ("")

};

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

exist-db html

导入 Bootstrap 时 HTML 工具提示不起作用

问题描述

解决方法

相关问答