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

Question

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

Answer 1

访问jQuery Mobile的文档这里是页;

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> 

和像

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/