Показать сообщение отдельно
  #1 (permalink)  
Старый 22.12.2018, 15:40
Аспирант
Отправить личное сообщение для Alexprom Посмотреть профиль Найти все сообщения от Alexprom
 
Регистрация: 19.09.2018
Сообщений: 60

ToolTip не работает если на кнопке установлен disabled
Здравствуйте уважаемые друзья!
Захотел поставить к себе на сайт tooltip, нашел, он работает.
Но когда на кнопке "<button>" установлен атрибут disabled то tooltip не срабатывает.

Почему на кнопке установлен disabled.
Кнопка "купить" если пользователь не выбрал опции "цвет, размер" то на кнопке стоит disabled и удаляется как только пользователь выбрал опции...

Вот сам скрипт который отвечает за tooltip
(function($) {
  $.fn.tool = function(options) {
    var defaults = {
      xOffset: 10,
      yOffset: 25,
      tooltipId: "tool",
      clickRemove: false,
      content: "",
      useElement: ""
    };
    var options = $.extend(defaults, options);
    var content;
    this.each(function() {
      var title = $(this).attr("title");
      $(this).hover(function(e) {
          content = (options.content != "") ? options.content : title;
          content = (options.useElement != "") ? $("#" + options.useElement).html() : content;
          $(this).attr("title", "");
          if (content != "" && content != undefined) {
            $("body").append("<div id='" + options.tooltipId + "'>" + content + "</div>");
            $("#" + options.tooltipId)
              .css("position", "absolute")
              .css("top", (e.pageY - options.yOffset) + "px")
              .css("left", (e.pageX + options.xOffset) + "px")
              .css("display", "none")
              .fadeIn("fast")
          }
        },
        function() {
          $("#" + options.tooltipId).remove();
          $(this).attr("title", title);
        });
      $(this).mousemove(function(e) {
        $("#" + options.tooltipId)
          .css("top", (e.pageY - options.yOffset) + "px")
          .css("left", (e.pageX + options.xOffset) + "px")
      });
      if (options.clickRemove) {
        $(this).mousedown(function(e) {
          $("#" + options.tooltipId).remove();
          $(this).attr("title", title);
        });
      }
    });

  };
})(jQuery);

jQuery(document).ready(function($) {
  $("button").tool();
})


Можно как-то заставить скрипт работать когда на кнопке стоит disabled??
Заранее спасибо!
Ответить с цитированием