我正在尝试使用 Semantic-UI ( http://semantic-ui.com/ ) 在 TideSDK 中制作一些应用程序。当我在 Chrome 中打开页面时,它可以正常工作:
chrome http://krakow45.pl/test/chrome.png
但是当我使用 TideSDK 启动代码时,它看起来像:
tide http://krakow45.pl/test/tide.png
您可以看到,缺少一些元素并且它无法正常工作。
这是我的 HTML:
<!DOCTYPE html>
<html>
<head>
<!-- JavaScript includes -->
<script src="vendor/jquery.js"></script>
<script src="js/app.js"></script>
<script src="vendor/semantic/semantic.js"></script>
<!-- /JavaScript includes -->
<!-- CSS includes -->
<link rel="stylesheet" type="text/css" href="vendor/semantic/semantic.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- /CSS includes -->
<title>xxx</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<!-- PAGE: NEW_REPORT -->
<div id="NEW_REPORT_fieldsContainer" class="ui segment">
<div class="ui input">
<input id="NEW_REPORT_firstName" type="text" placeholder="Imię">
</div><br /><br />
<div class="ui input">
<input id="NEW_REPORT_lastName" type="text" placeholder="Nazwisko">
</div><br /><br />
<div class="ui left icon input">
<input id="NEW_REPORT_date" type="text" placeholder="26/03/2015">
<i class="calendar icon"></i>
</div><br /><br />
<div id="NEW_REPORT_buttonNext" class="ui animated button">
<div class="visible content">Dalej</div>
<div class="hidden content">
<i class="right arrow icon"></i>
</div>
</div>
</div>
<!-- /PAGE: NEW_REPORT -->
</body>
最佳答案
请记住,TideSDK 使用旧版本的 webkit。我很确定您必须在 CSS3 规则前添加前缀 (-webkit-)。但还要记住,所有 CSS3 规则都不能使用,但目前我还没有遇到重大 CSS3 问题。 只有一件事困扰着我,那就是旧的开发者控制台..
关于javascript - 基于语义 UI 的页面在 Tide SDK 中无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29102973/