Question

我使用jQuery函数添加禁用类onclick，它工作正常。但我想通过点击其他按钮删除该课程，这是不行的，任何人都可以帮我这个吗？这是代码......

＆＃13;

//Delay add disabled class on cart
$('.fa-shopping-cart').on('click',function(){
	var $this = $(this).addClass('finsihed');
	window.setTimeout(function(){
	    $this.addClass('disabled-button');
	}, 1500); //<-- Delay in milliseconds
}); 


function reEnableBtn(prodId) {
   alert(prodId);
//   var $this = $(this).removeClass('finsihed');
//	window.setTimeout(function(){
//	    $this.removeClass('disabled-button');
//	}, 1500); //<-- Delay in milliseconds
    $('.festi-cart-remove-product').removeClass('disabled-button');
};

＆＃13;

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<i class="fa fa-shopping-cart finsihed disabled-button"></i>
   
<a href="#" onclick="reEnableBtn()">Re-enable button</a>

＆＃13;

我希望你们理解我的问题..

Answer 1

在reEnableBtn函数中，$('.festi-cart-remove-product')不存在。

更改：

 $('.festi-cart-remove-product').removeClass('disabled-button');

致：

$('.fa-shopping-cart').removeClass('disabled-button');

Answer 2

当我开始理解您的问题时，请查看给定的链接或代码段，如果这是您想要的...

＆＃13;

var $this = '#cart';
  $(document).on('click','#blockr,'+$this,function(){
    $($this).addClass('disabled');
  })

  $(document).on('click','#openr',function(){
    $('#cart').removeClass('disabled');
})

＆＃13;

.disabled{
  color:#333;
}

＆＃13;

<!DOCTYPE html>
<html>

  <head>
    <link data-require="font-awesome@4.7.0" data-semver="4.7.0" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
    <link data-require="bootstrap@3.3.7" data-semver="3.3.7" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
    <script data-require="bootstrap@3.3.7" data-semver="3.3.7" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script data-require="jquery@3.1.1" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <button class="btn btn-default" id="cart">
      <i class="fa fa-shopping-cart finsihed disabled-button"></i>
    </button>
    <br /> <br />
    <a class="btn btn-default" id="blockr" href="#!">Disabled button</a>
    <a class="btn btn-default" id="openr" href="#!">Re-enable button</a>
    
  
  </body>

</html>

＆＃13;

link：http://plnkr.co/edit/3m9mKo8EQkGnjpqs54U6?p=preview

或者如果您想要修改其中的内容，您可以发表评论。希望它可以帮到你。

删除已禁用的课程onclick

2 个答案: