Javascript Metro用户界面代码不工作_Javascript_Jquery_Html_Jquery Plugins

Javascript Metro用户界面代码不工作

javascript jquery html jquery-plugins

Javascript Metro用户界面代码不工作,javascript,jquery,html,jquery-plugins,Javascript,Jquery,Html,Jquery Plugins,我已经编写了使用metro ui创建示例页面的代码。但“实时互动”功能不起作用。瓷砖不会滑动 <html xmlns="http://www.w3.org/1999/xhtml"> <html> <head> <link href="stt.css" type="text/css" rel="stylesheet"/> </head> <body> <div

我已经编写了使用metro ui创建示例页面的代码。但“实时互动”功能不起作用。瓷砖不会滑动

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

<html>
    <head>
        <link href="stt.css" type="text/css" rel="stylesheet"/>
    </head>
    <body>
        <div class="tiles">
            <div class="live-tile" data-mode="slide">
                <div style="background-color:Red;">test 1</div>
                <div style="background-color:Orange;">test back</div>
            </div>
            <div class="live-tile" data-mode="flip">
                <div style="background-color:green;">test 2</div>
                <div style="background-color:red;">test 2 - back</div>
            </div>

<script src="metrojs.js" type="text/javascript"> </script>  
<script src="metrojs.min.js" type="text/javascript"> </script>  
<script src="jquery-2.0.3.min.js" type="text/javascript"> </script> 
        <script type="text/javascript">
            $(document).ready(function () {
            alert("Document loaded");
                $(".live-tile").liveTile();
                alert("exiting alert");
            });
        </script>

    </body>
</html>


测试1
回测
测试2
测试2-背面
$（文档）.ready（函数（）{
警报（“文件加载”）；
$（“.live tile”）.liveTile（）；
警报（“退出警报”）；
});

上面的代码正确吗？

您需要

jQuery

作为第一位，因为

metrojs

使用jQuery，对js文件重新排序如下：

<script src="jquery-2.0.3.min.js" type="text/javascript"> </script> 
<script src="metrojs.js" type="text/javascript"> </script>  
<script src="metrojs.min.js" type="text/javascript"> </script>

另外，我认为您不需要同时使用

metrojs.js

和

metrojs.min.js

，只需要其中一个，我建议将jQuery放在页面的开头。


<script src="jquery-2.0.3.min.js" type="text/javascript"></script>

应该在页面

中声明，然后再声明其他js脚本。您应该尝试使用Firefox和firebug来检查错误，这会对您有所帮助

您可能希望将脚本加载放在

标记中。性能问题