Javascript qTip2-添加css时的所有html内容解释器

我正在尝试使用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>

$（文档）.ready（函数（）{
$（'.tooltip[id^=“tooltip_']）。每个（函数（）{
$（此）.qtip({
内容：$（this.find（'span.tooltip'），
隐藏：{
修正：对，
延误：180
}
});
});
});

仅用于在HTML文档本身中指定CSS，而不用于引用外部CSS文件，就像JavaScript的

一样，因此页面的所有内容都被视为样式表。您需要的是：

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