jQuery对话框中的箭头

Question

有什么方法可以在jQuery对话框的左边显示箭头提示？我想实现如下图所示的功能.如何使用Theme roller CSS和图标做到这一点？

jQuery对话自定义http://www.freeimagehosting.net/uploads/74b51bb861.jpg

Answer 1

更新：我在编辑之前发布了我的第一个答案，表明箭头将放置在对话框的正文中，所以这是我更新的代码：

var $mydialog = $('<div></div>').html('<div class="myArrow"></div>Your Dialog Content Here').dialog({autoOpen: false,title: 'Retrieving Product Details', modal:true, width:600, height:400, position:'center'});

myArrow div 已移至对话框的主要内容 div，CSS 可能类似于：

.myArrow{
  display:block;
  position:absolute;
  width:15px;
  height:15px;
  left:-15px; /* pushes the arrow OUTSIDE the box */
  top:50px; /* or however far from the top you wish */
  background: url(path/to/arrow.jpg) center right no-repeat;
  margin:0 15px 0 0;
  }