如何在列表视图中的每个图标的左侧弹出？

Question

我正在制作列表视图的演示。行是动态生成的（当用户按下添加按钮时）。我想在图标的左侧显示一个弹出屏幕。但是在我的演示中，它在每行的中心打开。可以只在左侧打开图标或每行（如图中所示）

http://jsfiddle.net/FZQ8D/34/

$(document).on("click", "i.test_h", function(e){
    alert("pop up open");
    $("#Mainnavpanel").popup("open");
});

！[在此输入图片说明] [2]

我收到了这个输出。

Answer 1

覆盖弹出广告的x和y位置。

$("#Mainnavpanel").popup("open", {
  y: $(this).offset().top + ($(this).height() / 2),
  x: $(this).offset().left
});

或positionTo。

$("#Mainnavpanel").popup("open", {
   positionTo: $(this)
});

  

<强> Demo