Javascript Tizen TAU-试图添加“一个”;“更多选择”;但是输入错误
我对提琴是个十足的初学者。我想做一个小应用程序。对于此应用程序,我想添加“更多选项”。它不起作用,我真的不知道。我遵循了文档中的每一步(我也遵循了这一步:),但这对我也没有帮助。这是我的密码:Javascript Tizen TAU-试图添加“一个”;“更多选择”;但是输入错误,javascript,html,css,tizen-web-app,tizen-wearable-sdk,Javascript,Html,Css,Tizen Web App,Tizen Wearable Sdk,我对提琴是个十足的初学者。我想做一个小应用程序。对于此应用程序,我想添加“更多选项”。它不起作用,我真的不知道。我遵循了文档中的每一步(我也遵循了这一步:),但这对我也没有帮助。这是我的密码: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width,user-scalable=no"> <title&
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,user-scalable=no">
<title>List</title>
<link rel="stylesheet" href="lib/tau/wearable/theme/default/tau.min.css">
<link rel="stylesheet" href="lib/tau/wearable/theme/default/tau.circle.min.css">
<link rel="stylesheet" href="css/more_options.css">
</head>
<body>
<div id="moreoptionsPage" class="ui-page">
<header class="ui-header ui-has-more">
<h2 class="ui-title">Einkaufsliste</h2>
<button type="button" class="ui-more ui-icon-overflow">More Options</button>
</header>
<div class="ui-content">
<ul class="shopping_list ul-listview">
</ul>
</div>
<!--Rectangular profile-->
<div id="moreoptionsPopup" class="ui-popup" data-transition="slideup">
<div class="ui-popup-header">Options</div>
<div class="ui-popup-content">
<ul class="ui-listview">
<li><a href="#">Hinzufügen</a></li>
<li><a href="#">Entfernen</a></li>
</ul>
</div>
</div>
<!--Circular profile-->
<div id="moreoptionsDrawer" class="ui-drawer" data-drawer-target="#moreoptionsPage" data-position="right" data-enable="true" data-drag-edge="1">
<div id="selector" class="ui-selector">
<div class="ui-item add-icon" data-title="Hinzufügen"></div>
<div class="ui-item remove-icon" data-title="Entfernen"></div>
</div>
</div>
</div>
</body>
<script src="lib/tau/wearable/js/tau.min.js"></script>
<script src="js/circle-helper.js"></script>
<script src="js/app.js"></script>
<script src="js/lowBatteryCheck.js"></script>
<script src="js/more_options.js"></script>
</html>
下面是我的more_options.css:
#moreoptionsDrawer {
display: none;
}
@media all and (-tizen-geometric-shape: circle) {
#moreoptionsDrawer {
display: block;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 100%;
}
#moreoptionsPopup {
display: none;
}
}
使用
tau.helper.DrawerMoreStyle.create时会出现错误,在Github的示例中根本没有使用它。请查看:
我在使用tau.helper.DrawerMoreStyle.create时出错,在Github上的示例中根本没有使用它。请查看:
请描述正在发生的事情,并与您希望发生的事情进行比较。什么都没有发生。当我点击这三个点时,什么也没发生。我希望它能打开这个菜单,提供额外的选项。我能看到的唯一方法就是进行讨论。请描述正在发生的事情与你希望发生的事情相比。什么都没有发生。当我点击这三个点时,什么也没发生。我希望它能打开这个菜单,提供额外的选项。我能看到的唯一方法就是进行讨论。
#moreoptionsDrawer {
display: none;
}
@media all and (-tizen-geometric-shape: circle) {
#moreoptionsDrawer {
display: block;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 100%;
}
#moreoptionsPopup {
display: none;
}
}