qTip2 -所有的html内容消失添加css

qTip2 - all html content disaper on adding css

本文关键字：消失 添加 css html -所 qTip2      更新时间：2023-09-26

我试图使用qtip2，但在添加css到页面时，页面的所有内容都消失了。

如果我做错了什么需要帮助…

    <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
    <!-- <script type="text/javascript" src="jquery.qtip.js"></script> -->
    <!-- <style type="text/css" href="jquery.qtip.css"/> -->
    <script type="text/javascript" src="http://qtip2.com/v/nightly/jquery.qtip.js"></script>
    <style type="text/css" href="http://qtip2.com/v/nightly/jquery.qtip.css"/>
    <script type="text/javascript">
    $(document).ready(function() {
        $('.tooltip[id^="tooltip_"]').each(function(){
            $(this).qtip({
                content: $(this).find('span.tooltip'),
                hide: {
                    fixed: true,
                    delay: 180
                }
            });
        });
    });
    </script>
    <ul>
        <li><a id="tooltip_1" href="#" class="tooltip" >Trigger1<span class="tooltip" style="display: none;">data_tooltip_1: You can hover over and interacte with me</span></a><li>
        <li><a id="tooltip_2" href="#" class="tooltip" >Trigger2<span class="tooltip" style="display: none;">data_tooltip_2: You can hover over and interacte with me</span></a><li>
        <li><a id="tooltip_3" href="#" class="tooltip" >Trigger3<span class="tooltip" style="display: none;">data_tooltip_3: You can hover over and interacte with me</span></a><li>
    </ul>

<style>标记仅用于指定HTML文档本身内的CSS，但不用于引用外部CSS文件，就像您可以为JavaScript使用<script>一样，因此您页面的所有内容都被威胁为样式表。您需要的是<link>标签:

<link rel="stylesheet" type="text/css" href="http://qtip2.com/v/nightly/jquery.qtip.css" />
相关文章：