基于语义UI的页面在Tide SDK中无法正常工作
Semantic-UI based page not work correctly in Tide SDK
我正在尝试使用语义UI在TideSDK中制作一些应用程序(http://semantic-ui.com/)。当我在Chrome中打开我的页面时,它正常工作:
铬http://krakow45.pl/test/chrome.png
但当我用TideSDK启动我的代码时,它看起来像:
潮汐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问题。有一件事困扰着我,那就是旧的开发人员控制台。。
TideSDK似乎不再是开发这些应用程序的绝佳选择:(遗憾的是,在他们开始开发TideKit后,没有得到任何支持。最后一个版本应该支持所有的CSS3元素,但实际上并没有。
很高兴你找到了出路:)
相关文章:
- 基于语义UI的页面在Tide SDK中无法正常工作
- FireFox插件sdk页面工作正则表达式
- Firefox SDK页面模块不工作
- Google Drive SDK示例python DrEdit不工作(身份验证时闪烁,编辑器未显示)
- Sencha Touch、Apigee JS SDK和Phonegap可以在浏览器中工作,但不能在IOS中工作
- $in操作员钛 SDK 无法 #appcelerator 工作
- Firefox SDK页面mod任意停止工作
- Facebook javascript sdk在没有ssl的情况下工作
- 使用PHP SDK 3.1.1登录JS不工作
- 解析云代码新SDK包括子类不工作
- beforeSave函数在JavaScript SDK 1.6.x上不工作
- Facebook JavaScript SDK有时工作,有时不工作
- 自定义登录按钮与Facebook Java Script SDK不工作
- Facebook FB.ui SDK功能在I.E.中不能正常工作
- Facebook javascript SDK共享版本从属性文件到jsp不工作[webapp]
- facebook连接javascript sdk在IE中不工作
- Firefox SDK: ActionButton不工作-表现得像我没有点击它-什么都没有
- 错误与Facebook请求对话框使用Javascript SDK,不工作的第一次点击
- 身份验证.sessionChange Facebook事件在Javascript SDK中启用OAuth 2后停止工作
- Facebook返回给Javascript SDK的访问令牌能在服务器端与PHP SDK一起工作吗?