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

Posted

技术标签:

【中文标题】单击jquery mobile中的输入字段时弹出触发器?【英文标题】:popup trigger when click the input field in jquery mobile? 【发布时间】:2014-12-26 15:46:29 【问题描述】:

我正在创建一个 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();

【问题讨论】:

【参考方案1】:

试试这个代码:

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

你应该使用open方法。

【讨论】:

【参考方案2】:

试试这个:

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

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

【讨论】:

非常感谢您的回复朋友...我把 popup('open') 这是工作。 jes-ble-u

以上是关于单击jquery mobile中的输入字段时弹出触发器?的主要内容,如果未能解决你的问题,请参考以下文章

如何在文本字段单击时弹出 datePicker 并在编辑完成后消失

jquery 日历/日期选择器

当我在 jQuery Mobile 中单击弹出窗口上的链接时,如何防止在第一个输入项上自动对焦

JQuery Mobile:单击文本字段时如何禁用默认键盘?

Jquery怎样实现文本输入框鼠标定位时弹出提示

jQuery Mobile 中的弹出窗口没有按预期工作,请咨询