2014-10-20 57 views
0

如何显示弹出在鼠标指针进入文本输入ID PHONENUMBER,用户界面更像是jQuery的日期选择器,但我需要在弹出的自定义内容,它西港岛线加载标签内容事业部输入文本弹出的jQuery

<div class="input-box"> 
<input name="phonenumber" value="" id="phonenumber" type="text" class="input-text" title="Phone Number" /> 
</div> 

<div class="tab-content"> 
    <div class="select-box"> 
    <select> 
     <option value="Reload Type">Reload Type</option> 
     <option value="Prepaid">Prepaid</option> 
     <option value="Post Paid">Post Paid</option> 
    </select> 
    </div> 
    <div class="buttons-set"> 
    <button type="button" class="button" onclick=""><span><span>RECHARGE</span></span></button> 
    </div> 
</div> 

感谢

+0

您是否使用任何插件弹出?如果没有,你可以看看[Bootstrap Popover和Tool Tip](http://getbootstrap.com/javascript/#popovers)。 – 2014-10-20 04:59:45

回答

0

你是正在寻找this

您可以使用Jquery-UI中带有一点Jquery代码的对话框或模式。

$('.tab-content').dialog({ 
     closeOnEscape: true, 
     modal: true, 
     autoOpen: false 
    });