使用jquery click（）打开弹出页面

Question

我想在输入文本中使用java脚本打开或显示弹出页面：

<input class="addpopup" type="text" name="address" id="address"></input>
<script>
    $(".addpopup").click(function () {
        $(this).page('#popupAddfix');
    });
</script>

弹出代码：

<div data-role="popup" id="popupAddfix">
  <form>
    <h3>Your Address</h3>
    <label >Address</label>
    <input type="text" name="addfix" id="fix" value=""/>

    <button type="submit" >Save</button>
  </form>
</div>

但它没有打开弹出窗口。我该如何实现这一目标？

Answer 1

要以编程方式打开弹出窗口，您需要使用.popup('open')调用它。使用任何事件，例如focus，click，tap ...等等

  

<强> Demo

$(document).on('focus', '.addpopup', function() {
 $('#popupAddfix').popup('open');
});