Metro JS無法讓Tiles被點擊

我正在使用MetroJS爲我的網站製作地鐵圖塊，但是我對網站上缺少文檔感到惱火。任何人都可以幫助我，讓這個瓷磚點擊？這只是不工作，無論我嘗試它的方式。它使用錨點作爲鏈接，但這意味着我無法使用反彈功能。這是我到目前爲止的代碼：Metro JS無法讓Tiles被點擊

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

可能有人請幫助我，這本來是容易的，我爲什麼不能只用一個標準的定位，而不是這個jQuery的廢話？

來源

2014-03-06 user2420318

您可以在活動瓷磚內部使用標準定位標籤，而不會出現任何問題。如果您將完整的課程添加到該課程中，則默認情況下它將佔用該圖塊。如果您將其嵌套在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 */ });

綁定一個點擊

來源

2014-04-06 14:08:20 DrewG

Metro JS無法讓Tiles被點擊

回答

相關問題