2014-10-20 4 views
0

Как показать всплывающее окно, когда указатель мыши ввод идентификатора PHONENUMBER ввода текста, пользовательский интерфейс больше похож на Jquery DatePicker, но мне нужен пользовательский контент на всплывающем окне, Виль загрузить вкладку-контент DivВведите текст всплывал 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). –

ответ

0

вы ищете this.

Вы можете использовать диалог или модальный код, который входит в JQuery-UI с небольшим кодом JQuery.

$('.tab-content').dialog({ 
     closeOnEscape: true, 
     modal: true, 
     autoOpen: false 
    }); 
Смежные вопросы