Question

我正在创建一个jquery移动网站。当我点击一个输入字段时，我想要一个弹出窗口。

<input type="text" class="popup_trigger" name="type_of_services" placeholder="Type Of Services" data-rel="popup" data-transition="pop" data-clear-btn="true">

<div data-role="popup" id="popup_service" class="popup_service">
   <label for="check_box"><input type="checkbox" name="checkbox-0">service</label>
</div>

jquery代码：

$(document).ready(function() {
   $(".popup_trigger").click(function() {
      $("#popup_service").popup();
   });
});

我也试试

$(".popup_service").popup();

Answer 1

试试这段代码：

$('.popup_triger').on('click', function () {
  $("#popup_service").popup('open');
});

您应该使用打开方法。

Answer 2

试试这个：

$(document).on('click', '.popup_triger', function () {
  $("#popup_service").popup();
});

也不要在$（document）.ready（）;

中使用上述事件

单击jquery mobile中的输入字段时弹出触发器？

2 个答案: