android - Phonegap中的对话框？

Question

我是phonegap的新手。我想在应用程序中显示对话框。如何显示对话框。我已经搜索了教程，但我找不到。请任何人提供指导或教程以显示对话框。提前致谢... .

Answer 1

采用

alert("on device ready!!!!");

或者

navigator.notification.alert("PhoneGap is working");

Answer 2

您可以使用 Fancybox javascript 来执行此操作：

花式盒 javascript

您可以创建包含所需内容的对话框。

Answer 3

我使用绝对定位的 <div> 制作了对话框，它根据对话框是打开还是关闭来显示或隐藏。

在我的 index.html

<div id="hellodlg" class="dialog hidden">
Hello
<button class="closedlg">close</button>
</div>
<button class="openclosedlg">open/close</button>

很有型

<style>
.dialog {
position:absolute;
left:50%; // position in the middle
margin-left: -5em; // move left so that dialog is in the middle
top: 2em;
width: 10em;
height:10em;
background:blue;
border: 1px solid black:
}

.hidden {
display:none;
}
</style>

在使用 jquery 的脚本中（请参阅如何在没有 jquery 的情况下添加类）

<script>
// open dialog
$(".openclosedlg").click(function() { $(".dialog").toggleClass("hidden");});

// listen for button
$(".closedlg").click(function() { $(".dialog").addClass("hidden");});
</script>

这是一个完整的例子

Answer 4

使用JQM

作为一个最适合phonegap伴侣的设计框架。