Javascript 打开modal并将其添加到其他div时，使li淡入淡出状态

当我点击产品时，它打开了模式并添加到我的产品列表中，但如果该特定产品被添加到我的产品列表中，我希望该产品褪色，并且当模式重新打开时，该按钮也会消失，因此无法再次添加到列表中

<script type="text/javascript"> <!--This is the code what i'm able to do so far-->
$(document).ready(function() {
 $('button[id^="allttm"]').click(function(e) {
e.preventDefault();
 var $this = $(this);
  var data_id = $this.attr('data-id');
$("#mylist").append('<li class="has-item">' + data_id + '</li>');
 });
});
</script>

<ul class="unstyled" id="products">
<li class="dummycontent" id="itemdetail" data-id="6425809">
    <a class="dummyclass" href="javascript:void(0)" id="" data-toggle="modal" data-target="#basicModal">
<span class="itemname">product 1</span>
</a>
</li>
</ul>
<h3 id="myproductlistheader">My productlist</h3>
<ol id="mylist" class="productlist">
</ol>

这是模态区域：

<div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
<div class="modal-dialog">
 <div class="modal-content">
 <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  </div>
 <div class="modal-body">
<div class="procuctifo">
  <div>
  <h3 class="productheading">product 1</h3>
</div>
</div>
   </div>
<div class="modal-footer">
<button type="submit" class="btn btn-default" data-dismiss="modal" id="allttm_1" data-id="product 1">Add to list</button>
 </div>
</div>
</div>
</div>

---

一旦产品项添加到列表中，您可以将另一个类添加到产品项中，并根据产品项是否具有该类，您可以将其添加到列表中。您的代码可能如下所示：

$('.products').click(function(){
    if($(this).hasClass('added')){
        //product in the list , no need to add

    }else{
        // add class and add product to list
        $(this).addClass('added');
        //add product to list
    }
});

---

希望能有所帮助

你说的“恶魔阿李”是什么意思？李的没有要禁用的功能？您是否将活动绑定到李的？或者你是说li's内的“a”标签？@atmd我想淡入淡出抱歉，但禁用modal中的按钮这是我知道我想要的，当我在特定产品上打开一个模式时，在modal Add to List（模式添加到列表）按钮上，它会将产品添加到我的列表中，只有在添加时，它才会淡入淡出，而不是之前。。