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

Question

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

Answer 1

在此处访问 jQuery 移动文档页面；

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

在这里您可以看到一个对话按钮。点击那里，您可以看到您正在寻找的解决方案。然后，您可以使用 CSS 对其进行自定义。

访问该页面并开始处理它。

这是您的弹出框的设计

你可以设计像

<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/