Совет инструмента не работает на текстовой зоне Bootstrap -- javascript поле с участием jquery поле с участием html поле с участием twitter-bootstrap пол Связанный проблема

Tool tip not working on text area bootstrap


2
vote

проблема

русский

У меня есть форма Bootstrap 3, на которой я применяю Tootip через скрипт. Toottip работает нормально на поле ввода, но не работает над Textarea.

 <код> <div class="control-group">               <label class="control-label" for="firstname">Message Subject : </label>             <div class="controls">               <input type="text" class="form-control"               placeholder="Subject" id="name" name="Subject" maxlength="70" minlength="10" required               data-validation-required-message="Please enter subject" aria-describedby="sizing-addon3" data-toggle="tooltip" title="Input Message Subject between 10 to 80" />               <p class="help-block"></p>             </div>           </div>             <div class="control-group">             <div class="controls">                 <label class="control-label" for="content" >Message Content : </label>               <textarea rows="10" cols="100" class="form-control"               placeholder="Message" id="message" name="Content" required               data-validation-required-message="Please enter your message" minlength="5"               data-validation-minlength-message="Min 5 characters"               maxlength="999" style="resize:none" data-toggle="tooltip" title="Input Message Subject between 50 to 500"></textarea>             </div>           </div>   

и скрипт идет так, как это

 <код>  $('a').tooltip({placement: "top"});      $('input[type=text][name=Subject]').tooltip({     placement: "right",     trigger: "focus" });  $('input[type=textarea][name=Content]').tooltip({     placement: "right",     trigger: "focus" });   

Он работает хорошо на входном тексте, но не на Textarea ..

Английский оригинал

I have a bootstrap 3 form on which i apply tootip via script. the toottip is working fine on input box but not working on textarea.

<div class="control-group">               <label class="control-label" for="firstname">Message Subject : </label>             <div class="controls">               <input type="text" class="form-control"               placeholder="Subject" id="name" name="Subject" maxlength="70" minlength="10" required               data-validation-required-message="Please enter subject" aria-describedby="sizing-addon3" data-toggle="tooltip" title="Input Message Subject between 10 to 80" />               <p class="help-block"></p>             </div>           </div>             <div class="control-group">             <div class="controls">                 <label class="control-label" for="content" >Message Content : </label>               <textarea rows="10" cols="100" class="form-control"               placeholder="Message" id="message" name="Content" required               data-validation-required-message="Please enter your message" minlength="5"               data-validation-minlength-message="Min 5 characters"               maxlength="999" style="resize:none" data-toggle="tooltip" title="Input Message Subject between 50 to 500"></textarea>             </div>           </div> 

and the script goes like this

 $('a').tooltip({placement: "top"});      $('input[type=text][name=Subject]').tooltip({     placement: "right",     trigger: "focus" });  $('input[type=textarea][name=Content]').tooltip({     placement: "right",     trigger: "focus" }); 

It is working well on input text but not on textarea..

</div
           
 
 

Список ответов

3
 
vote
vote
Лучший ответ
 

Ваш селектор неправильно изменить его на это:

 <код> $('textarea[name=Content]')   

jsfiddle

 

Your selector is wrong change it to this:

$('textarea[name=Content]') 

JsFiddle

</div
 
 

Связанный проблема

5  Пользовательский стиль на раскрывающемся меню React-Buttrap  ( Custom style on react bootstraps dropdown menu component ) 
Я пытаюсь применить пользовательский стиль CSS к компоненту RACH BETSTRAP, но не может понять, как получить доступ к элементам, которые не являются явными в J...

0  Разрежьте строку в JavaScript [Закрыто]  ( Cut the string in javascript ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> закрыт. Этот вопрос не соответствует Рекомендациям переполнения ...

1  Обновление поле PDF штрих-кода в IOS и устройстве Android  ( Updating a pdf barcode field in ios and android device ) 
Я создал одну корпус Acrobat, используя радиообъекты, текстовое поле, кнопку, флажок и штрих-код в Adobe Acrobat Pro. После этого я открыл эту форму в Adobe...

0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено?  ( How do you make a div go under another div nav menu which is not fixed ) 
Я пытаюсь сделать Div, идут под очередной div, в котором ни один не фиксирован элементы. Вот мой код: <Код> ul { list-style-type: none; margin: ...

1  Как заменить адреса электронной почты с ссылками Mailto на веб-странице Live?  ( How to replace email addresses with mailto links in a live web page ) 
Представьте себе это: вы столкнулись с веб-страницей, который говорит: «Просто отправьте сообщение user@example.com», но чтобы на самом деле отправить электро...

-2  Как мне получить значение флажков ряд в таблице JavaScript  ( How do i get value of a checkboxes of a row in a table javascript ) 
Это может быть глупым вопросом, но мне нужно получить значения проверенных флажков определенной строки. <код> script5 Так что в основном я хочу, чтобы по...

1  UI-маршрутизатор в ионной структуре  ( Ui router in ionic framework issue ) 
У меня проблемы с тем, чтобы получить свои маршруты, чтобы соответствовать моим взглядам. У меня есть следующие маршруты: <код> .state('tab.account', { ur...

1  Код образец плагина PhoneGap VideoPlayer  ( Phonegap videoplayer plugin sample code ) 
Я пытаюсь реализовать видеозаписи в моем телефонном приложении. У меня есть идея реализовать этот плагин: https://github.com/dawsonloudon/videoPlayer Эт...

2  Как получить выделенные тексты?  ( How to get the highlighted texts ) 
Я пытаюсь получить выбранные тексты от пользователя (выделенный текст, который выделяет пользователь). У меня есть следующее: <код> function getSelectedTe...

4  Каковы разница между $ (документом) .bind («готовая», функция) и $ (документ). Ready (функция (функция () {}))  ( What are the difference between document bindready function and docume ) 
Я хочу обновить от Verysjs версии 2.0.0 до 2.1.5 Вот код: <код> define(['jquery', 'test.js'], function ($, test) { var test = new $.test({ ...

3  Есть ли способ различить связь против мышиных взаимодействий в Windows 8 (HTML / JS)  ( Is there any way to distinguish touch vs mouse interactions in windows 8 html ) 
Я в настоящее время строю приложение, которое имеет много внимания на панорамирование, которое выглядит и чувствует себя красиво, когда касается и манипулируе...

0  Boxy Эта отправка не работает  ( Boxy this submit does not work ) 
У меня есть несколько форм в моем коде, и я хочу назначить подтверждающее поле, чтобы показать, прежде чем он будет отправлен. Следовательно, я использую Bo...

5  модальный всплывающий как Google  ( Modal pop up like google ) 
Как сделать модальное всплывающее окно, как Gmail (когда мы пытаемся загрузить EXE, который генерирует крышки прокрутки страницы) ...

1  Как проверить отметку Check Column в сетке?  ( How to check mark a check column in a grid ) 
У меня есть флажок Check Column на сетке, которая мне нужна для программически проверки. Вот как сценарий Check Column: <код> columns: { items:[ ...

0  Скачать изображение из результатов API  ( Download image from api results ) 
Я создаю приложение, которое использует онлайн API для рерантива изображений на основе ключевого слова для поиска. Я запускаю петлю Foreach для рендеринга 12 ...

Связанный проблема

5  Пользовательский стиль на раскрывающемся меню React-Buttrap 
0  Разрежьте строку в JavaScript [Закрыто] 
1  Обновление поле PDF штрих-кода в IOS и устройстве Android 
0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено? 
1  Как заменить адреса электронной почты с ссылками Mailto на веб-странице Live? 
-2  Как мне получить значение флажков ряд в таблице JavaScript 
1  UI-маршрутизатор в ионной структуре 
1  Код образец плагина PhoneGap VideoPlayer 
2  Как получить выделенные тексты? 
4  Каковы разница между $ (документом) .bind («готовая», функция) и $ (документ). Ready (функция (функция () {})) 
3  Есть ли способ различить связь против мышиных взаимодействий в Windows 8 (HTML / JS) 
0  Boxy Эта отправка не работает 
5  модальный всплывающий как Google 
1  Как проверить отметку Check Column в сетке? 
0  Скачать изображение из результатов API