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

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');
});

您应该使用open方法。

Answer 2

尝试这个：

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

也不要在 $(document).ready(); 中使用上述事件；