我正在使用metrojs为我的网站制作地铁瓷砖，但是我对网站上缺乏文档感到烦恼。谁能帮我，请点击此瓷砖？无论我尝试哪种方式，它都无法正常工作。它以锚作为链接的方式工作，但这意味着我无法使用弹跳功能。到目前为止，这是我的代码：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/cdn/metrojs/MetroJs.min.css">
<script type="text/javascript" src="/cdn/metrojs/MetroJs.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<div id="live-tile" class="live-tile" data-mode="none" data-bounce="true" data-link="http://google.com/">
<img src="/cdn/metro-icons/Web%20Browsers/Internet%20Explorer.png" class="live-tile full">
</div>
<script type="text/javascript">
$(".live-tile").liveTile({
click: function ($tile, tileData) {
var id = $tile.attr("id");
window.location = "postpage.php?name=" + id;
return false; // or return true;
}
});
</script>
</body>
</html>
有人可以帮我，这本来可以轻松，为什么我不能只使用标准锚，而不是这个胡说八道？
您可以在没有问题的情况下使用现场瓷砖中的标准锚标签。如果将整个类添加到其中，默认情况下将占用瓷砖。如果将其嵌套在Div中，它将采用其父母的重音颜色。数据链接只是一个助手，它比锚
少得多。<div id="live-tile" class="live-tile" data-mode="none" data-bounce="true">
<a href="http://google.com/" class="full">
<img src="/cdn/metro-icons/Web%20Browsers/Internet%20Explorer.png" class="full">
</a>
</div>
您也可以绑定单击此方式
$(".live-tile").liveTile().on("click", function(e){ /* do stuff */ });