Question

我有一个关于巫婆的禁用按钮我希望在鼠标悬停时将效果放在一边，这样做我有这个代码：

$commentAddTimeshitForbiden = AddPopupJQ("Button disable");
echo "<input type='button' value='Validate' $commentAddTimeshitForbiden/>";

AddPopupJQ只是一个允许在我的输入中添加一个类的函数，一个标题遵循参数中的文本给出。

function AddPopupJQ($text='', $title='')
{
   return "class='popupjq' data-popupjq_text='" . htmlspecialchars(stripslashes($text), ENT_QUOTES | ENT_HTML401, "ISO-8859-15") . "' data-popupjq_title='" . htmlspecialchars(stripslashes($title), ENT_QUOTES | ENT_HTML401, "ISO-8859-15") . "'";
}

我有一个jquery function，他会接受className的所有元素，并在popUp元素时打印mouse pass hover。

function popupJQ() {
   $(".popupjq").each(function(index) {
      //Récuperation des données/paramètres
      var title = ($(this).data('popupjq_title')) ? $(this).data('popupjq_title') : '';
      var text = ($(this).data('popupjq_text')) ? $(this).data('popupjq_text') : '';
      //Pour l'accessibilité, on ajoute la balise Alt aux images
      if ($(this).is("img")) {
         var sep = (title && text) ? " : " : "";
         $(this).attr("alt", title + sep + text);
      }
      //Création de la tooltip
      var txt = "";
      if (title)
         txt += "<B><FONT class='tooltitle'>" + title + "</FONT></B><br>";
      if (text)
         txt += "<FONT class='tooltext'>" + text + "</FONT>";
      if(txt){
         $(this).tooltipster({
             content: $(txt),
             position: 'bottom-left',
             delay: 100,
             debug: false,
             speed: 0
         });
      }
   });   
}

问题是，当按钮启用时它可以正常工作，但是当它被禁用时却没有。我认为这是因为当按钮为disable时，事件悬停停止。我该怎么办才能让它发挥作用。

Answer 1

您可以使用css更新代码以实现它，如下所示：

<html>
<head>
    <style>
        input:hover:disabled {
            background-color: red;
        }
    </style>

</head>

<body>
    <input type="button" value="Disabled" disabled/>    
    <input type="button" value="Enabled"/>  
</body>

Answer 2

你可以尝试下面的代码。

$('.className').on('mouseenter',function(e){
   callMyFunction();
});

按钮禁用时启用效果

2 个答案: