jQuery：我如何啓用禁用的錨標記

Question

您好，我試圖啓用基於獲取REST響應的禁用錨標記。我嘗試以下操作：

function enableDisableButton(data) { 
    if (data.defaultStatus == true) { 
     $('#setDefaultGraph').prop("disabled", true); 
     $('#unsetDefaultGraph').prop("disabled", false); 
    } else { 
     $('#setDefaultGraph').prop("disabled", false); 
     $('#unsetDefaultGraph').prop("disabled", true); 
     } 
    } 

我的HTML：

  <div class="col-lg-12" id="setDefault"> 
      <br /> 
      <a id="setDefaultGraph" class="btn btn-small btn-info" data-toggle="modal" href="#setDefaultGraphModal" name="setDefaultGraph" disabled>Set as default!</a> 
      <a id="unsetDefaultGraph" class="btn btn-small btn-info" data-toggle="modal" href="#unsetDefaultGraphModal" name="unsetDefaultGraph" disabled>Remove as default!</a> 
     </div> 

我已經禁用頁面加載&錨標籤應該表現SA用戶輸入需要。但是，沒有什麼工作..

任何幫助將永遠感激...提前

Answer 1

你有沒有嘗試過這樣的：

function enableDisableButton(data) { 
    if (data.defaultStatus == true) { 
     $('#setDefaultGraph').attr('disabled', true); 
     $('#unsetDefaultGraph').attr('disabled', false); 
     } else if(data.defaultStatus == false){ 
     $('#setDefaultGraph').attr('disabled', false); 
     $('#unsetDefaultGraph').attr('disabled', true); 
     }else{ 
     return false; 
      } 
    } 

使用attr的，而不是道具，如果你想禁止錨如果u點擊也不會去任何地方

Answer 2

由於數據屬性添加到根據條件的鏈接。然後在錨標籤上的點擊事件中檢查該屬性。與嘗試 -

if (data.defaultStatus == true) { 
     $('#setDefaultGraph').data("disabled", true); 
     $('#unsetDefaultGraph').data("disabled", false); 
    } else { 
     $('#setDefaultGraph').data("disabled", false); 
     $('#unsetDefaultGraph').data("disabled", true); 
     } 
    } 

檢查點擊事件的性質 -

$('a').on('click', function(e) { 
    if ($(this).data('disabled')) { 
     e.preventDefault(); 
    } 
    }) 

更新

如果你想從顯示modal停止鏈接 -

$('#setDefaultGraph').data("toggle", '').css('color', '#ccc'); 

加CSS看起來像是禁用。

Answer 3

嘗試刪除它，這必將工作：

function enableDisableButton(data) { 
    if (data.defaultStatus == true) { 
     $('#setDefaultGraph').prop("disabled", true); 
     $('#unsetDefaultGraph').removeAttr("disabled"); 
    } else { 
     $('#setDefaultGraph').removeAttr("disabled"); 
     $('#unsetDefaultGraph').prop("disabled", true); 
     } 
    } 

Answer 4

要設置HTML對象的屬性，最好使用attr就像你使用prop的方式。 More information。

​​

Answer 5

試試這個，如果請指正我錯了。

if (data.defaultStatus == true) { 
     $("#setDefaultGraph").attr('href','javascript:void(0)'); 
    }