Textarea не получает фокус при открытии модального диалогового окна пользовательского интерфейса jQuery

-4

Когда я пытаюсь щелкнуть textarea с идентификатором «customNotepad», он не получает фокус при открытии диалогового окна пользовательского интерфейса. Однако я могу изменить размер текстового поля. Когда я нажимаю div с идентификатором «Заголовок», он также дает предупреждение.Textarea не получает фокус при открытии модального диалогового окна пользовательского интерфейса jQuery

#customNotepad{  
 
    z-index:1002 !important; 
 
\t position:absolute !important;  
 
} 
 
#noteText{  
 
    z-index:1000; 
 
}

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>jQuery UI Dialog - Default functionality</title> 
 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> 
 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
 
    <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
 
    <script> 
 
    $(function() { 
 
    $("#dialog").dialog({ modal: true}); 
 
    
 
    }); 
 
    </script> 
 
</head> 
 
<body> 
 
    
 
    <div id=customNotepad><div id="Header"><span id="Btn" onclick={alert()}>ClrButton</span><span id="">Title</span></div> 
 
    <div id="notepadContent"> 
 
     <textarea maxlength="150" id="noteText" style="width:100%;height:100%;"></textarea></div> 
 
    </div> 
 
     
 
<div id="dialog" title="Basic dialog"> 
 
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> 
 
</div> 
 
    
 
</body> 
 
</html>

источник

2014-10-28 Satheesh Surendar

вы объявляете модель как истинный '{модальный: истинно}' в вашем коде, так как вы можете установить фокус на 'textarea' вы можете использовать' {модальность: ложь} 'вместо верно. – prog1011

Нет, я хочу, чтобы модальное диалоговое окно также в то же время я хочу ввести textarea –

Это просто невозможно. Модальный диалог, по определению, не позволяет взаимодействовать с другими элементами на странице.

Если вы хотите использовать текстовое поле, просто не делайте его модальным.

Я действительно не вижу никакой пользы от наличия модального диалога здесь и некоторого вреда.

Ссылка: http://api.jqueryui.com/dialog/#option-modal

источник

2014-10-28 19:42:57 Scimonster

В реальном приложении у меня есть плавающий блокнот, поэтому я хочу взаимодействовать с этим текстовым полем, когда открывается диалоговый мода jquery Ui ... Интерфейс Ui modal показывает некоторые другой контент в реальном приложении. –

Это просто не сработает. Диалог будет работать лучше, если он не является модальным. – Scimonster

, если я изменю свой плавающий блокнот также как диалог, тогда я смогу напечатать текстовое поле, но этот диалог модальный, дающий стили границ и контейнеров. –

Textarea не получает фокус при открытии модального диалогового окна пользовательского интерфейса jQuery

ответ

Смежные вопросы