Блог

Я хочу показать подсказку в моей форме.На самом деле я использую плагин dform .Итак, я погуглил и нашел, как отобразить подсказку в jquery.Я нашел одно решение в этой скрипкеhttp://jsfiddle.net/xWCTf/19 Пожалуйста, проверьте эту скрипку, нажмите на ввод, появится подсказка. Я применяю ту же концепцию в своей скрипке, я использовал как dform, так и tooltip.js как использовалось выше.Но моя всплывающая подсказка не отображается в fiddle. можете ли вы, пожалуйста, сказать, почему она не отображается .? вот моя скрипка http://jsfiddle.net/48v3u/1

 /* simple css-based tooltip */
.tooltip {
    background-color:red;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

$("#testSuiteConfigurationform :input").tooltip({

    // place tooltip on the right edge
    position: "center right",

    // a little tweaking of the position
    offset: [-2, 10],

    // use the built-in fadeIn/fadeOut effect
    effect: "fade",

    // custom opacity setting
    opacity: 0.7

});
  

Используя jQueryUI, вы можете сделать это следующим образом:

  <script>
   $(function() {
     $(document).tooltip();
   });
 </script>
  

И добавьте заголовок к типу ввода:

 <input id="age" title="Your hint goes here.">
  

Убедитесь, что вы добавили ссылку на файл jQueryUI amp; Jquery.