Nhận Chú giải công cụ cho các trình duyệt trên điện thoại di động trong HTML

Khi bạn nhấp vào phần tử có thuộc tính tiêu đề, phần tử con có văn bản tiêu đề sẽ được thêm vào. Hãy để chúng tôi xem một ví dụ -

Đối với HTML -

<p>
   The <span class="demo" title="this is underscore">underlined</span> character.
</p>

jQuery -

$("span[title]").click(function () {
   var $title = $(this).find(".title");
   if (!$title.length) {
      $(this).append('<span class="title">' + $(this).attr("title") + '</span>');
   } else {
      $title.remove();
   }
});

Sau đây là CSS -

.demo {
   border-bottom: 2px dotted;
   position: relative;
}
.demo .title {
   position: absolute;
   top: 15px;
   background: gray;
   padding: 5px;
   left: 0;
   white-space: nowrap;
}