禁用按鈕時啟用效果

Question

我在女巫上有一個禁用按鈕，我想在鼠標經過時將效果懸停在它上面，因此我有以下代碼：

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

AddPopupJQ只是一個函數，允許向我的輸入添加一個類，並在文本AddPopupJQ in參數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之后，該jquery function將獲取所有具有className的元素，並在mouse pass hover該元素時打印popUp 。

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 個解決方案

解決方案1
0 2015-04-21 09:46:29

解決方案2
0 2015-04-21 10:33:39

禁用按鈕時啟用效果

問題描述

2 個解決方案

解決方案1 0 2015-04-21 09:46:29

解決方案2 0 2015-04-21 10:33:39

解決方案1
0 2015-04-21 09:46:29

解決方案2
0 2015-04-21 10:33:39