Javascript &引用；“数据表”；jquery加载后CSS样式消失了_Javascript_Css

Javascript &引用；“数据表”；jquery加载后CSS样式消失了

javascript css

Javascript &引用；“数据表”；jquery加载后CSS样式消失了,javascript,css,Javascript,Css,我的php文件“zero3data.php” 我也试过这个 $('#content').load('zero3data.php',function(){ $('#content').trigger('create'); }); 我甚至将必要的css样式zero1.php复制到zero3data.php，认为应该再次加载样式这是zero1.php中的我的头，如果有帮助的话 <head> <meta http-equiv="content-type" content="

我的php文件“zero3data.php”

我也试过这个

$('#content').load('zero3data.php',function(){ $('#content').trigger('create'); });

我甚至将必要的css样式zero1.php复制到zero3data.php，认为应该再次加载样式

这是zero1.php中的我的头，如果有帮助的话

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" />

    <title>DataTables example</title>
    <style type="text/css" title="currentStyle">
        @import "../../media/css/demo_page.css";
        @import "../../media/css/demo_table.css";
    </style>

    <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>

    <!-- bootstrap -->
    <link href="../../css/bootstrap.css" rel="stylesheet">
    <script src="../../js/jquery-2.0.3.min.js"></script> 
    <script src="../../js/bootstrap.min.js"></script>

    <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function() {
            $('#example').dataTable();
        } );
    </script>

</head>


数据表示例
@导入“../../media/css/demo_page.css”；
@导入“../../media/css/demo_table.css”；
$（文档）.ready（函数（）{
$（“#示例”）.dataTable（）；
} );

用直接链接替换

@import

<link rel="stylesheet" type="text/css" href="../../media/css/demo_page.css" />
<link rel="stylesheet" type="text/css" href="../../media/css/demo_table.css" />

因为CSS会默默地忽略它不理解的东西，所以我不确定console.log是否会显示错误。使用上面的构造，您可以验证正确的路径，甚至可以直接在web inspector中查看样式表内容。

检查样式表的路径，在您的安装中可能不是

。/../media/css/

。我这样做了，我还确保正确调用了css路径，控制台日志没有显示任何关于css加载的问题…顺便说一句，如果css在没有jquery.load（）的情况下完成，并且整个过程都在一个文件（zero1.php）中，那么它工作得很好，谢谢。。但什么都没变，输出相同。。。日志未显示任何路径问题

 $.ajax({
    url: 'zero3data.php',
    success: function(data) {    
    $("#content").html(data).trigger('create');
    }
    });

$('#content').load('zero3data.php',function(){ $('#content').trigger('create'); });

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" />

    <title>DataTables example</title>
    <style type="text/css" title="currentStyle">
        @import "../../media/css/demo_page.css";
        @import "../../media/css/demo_table.css";
    </style>

    <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>

    <!-- bootstrap -->
    <link href="../../css/bootstrap.css" rel="stylesheet">
    <script src="../../js/jquery-2.0.3.min.js"></script> 
    <script src="../../js/bootstrap.min.js"></script>

    <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function() {
            $('#example').dataTable();
        } );
    </script>

</head>

<link rel="stylesheet" type="text/css" href="../../media/css/demo_page.css" />
<link rel="stylesheet" type="text/css" href="../../media/css/demo_table.css" />