如何为点击事件添加弹出窗口？

Question

我正在使用jquery mobile 1.4.2。

我想添加一个弹出窗口而不是警告。

HTML

 <input name="im_price" type="text" class="positive_integer ayudas" id="im_price"  value="" />

脚本

  $(document).ready(function() {
  $('#im_price').click(function(){
      alert('Digite el precio total de venta y/o alquiler de su propiedad. Si   desea informar acerca de precio(s) por unidad de medida (mt², hectáreas, etc.) puede incluirlo en la Descripción.');
  });
    });

当用户点击它时会显示帮助文本，说明用户在此字段中应该使用的内容。我希望这显示弹出窗口而不是警告。

这是jsfiddle http://jsfiddle.net/XruE5/

Answer 1

工作示例：http://jsfiddle.net/5ebp7/

HTML：

<input name="im_price" type="text" class="positive_integer ayudas" id="im_price"  value="" />
<div data-role="popup" id="popupBasic">
    <p>Digite el precio total de venta y/o alquiler de su propiedad. Si desea informar acerca de precio(s) por unidad de medida (mt², hectáreas, etc.) puede incluirlo en la Descripción.</p>
</div>

的JavaScript：

$(document).ready(function() {
    $('#im_price').click(function(){
        $('#popupBasic').popup('open');
    });
});