Phonegap中的对话框？

Question

我是phonegap的新手。我想在应用程序中显示对话框。如何显示对话框。我已经为教程配镜但我无法找到。请任何人请指导或教程显示对话框。提前谢谢....

Answer 1

使用

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

或

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

Answer 2

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

Fancybox javascript

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

Answer 3

我使用绝对定位的＆lt; div＆gt;制作了对话框根据对话框是打开还是关闭显示或隐藏。

在我的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 (see how to add class without jquery)

在脚本中

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

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

Here is a complete example

Answer 4

使用JQM

作为最适合手机屏幕的设计框架。