jquery mobile中的自定义弹出对话框

Question

我想在jquery mobile中创建一个自定义弹出对话框，如附加图像。要求就像我不希望对角框呈直角形状。我想在对话框的底部放置“V”形状。有人可以提供相同的解决方案或想法。

Answer 1

访问jQuery移动文档页面;

http://jquerymobile.com/demos/1.2.0-alpha.1/docs/pages/popup/

您可以在此处看到对话按钮。单击那里，您可以看到您正在寻找的解决方案。然后，您可以使用CSS自定义它。

访问该页面并开始处理。

以下是弹出框的设计

你可以设计像

这样的html

<div id="box">message
    <div id="arrow">
        <img src="http://i.stack.imgur.com/PpMXb.png" alt="">
    </div>
</div>

并将CSS设置为

body{
    background:#0066CC;
}
#box{
    background:#FFFFFF;
    width: 300px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
}
#arrow{
    display:block;
    margin-top:170px;
    height: 30px;
    width: 100%;
}
#arrow img{
    margin-left:20px;
}

http://jsfiddle.net/FppzR/