javascript - 如何在 ListView 中的每个图标的左侧弹出？

Question

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

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

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

![在此处输入图片描述][2]

我得到了这个输出。

Answer 1

覆盖 popup 的 x 和 y 位置。

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

或positionTo。

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

Demo