使用jquery click()打开弹出页面

本文介绍了使用jquery click()打开弹出页面的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

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

I want to open or show up popup page using java script in input text :

<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>

但是它没有打开弹出窗口.我如何做到这一点?

But it is not opening a popup. How do I make this happen ?

推荐答案

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

To open popup programmatically, you need to call it using .popup('open'). Using any event, e.g. focus, click, tap...etc

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

这篇关于使用jquery click()打开弹出页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！