文章/答案/技术大牛

发布

问Metro代码不工作
EN

Stack Overflow用户

提问于 2013-09-12 08:38:06

回答 2查看 2.7K关注 0票数 0

我已经编写了一个代码，用于使用metro创建一个示例页面。但是活瓷砖的功能不起作用。瓷砖不滑

<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>

以上代码正确吗？

javascript

jquery

html

jquery-plugins

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-09-12 08:39:24

您需要首先使用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放在页面的首位。

票数 1

Stack Overflow用户

发布于 2013-09-12 08:45:22

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

应该在页面<head></head>中在其他js脚本之前声明。您应该尝试使用Firefox和firebug进行错误检查，这将对您有所帮助。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18759395

复制

相似问题

问Metro代码不工作
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Metro代码不工作EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Metro代码不工作
EN