當模式被打開並添加到其他div時淡入li

當我點擊產品時，它打開了模式並添加到我的產品列表中，但是如果它被添加到我的產品中，我希望特定產品變淡列表和按鈕也是當模式重新打開時，它不能再次添加到列表中。當模式被打開並添加到其他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>

來源

2015-01-06 Ramesh Singh

你是什麼MEA 'by diable a li'？ li沒有禁用的功能？你是否將一件事綁定到了李氏？或者你的意思是裏面的'a'標籤？ – atmd

@atmd我意思是淡化它對不起，但禁用模式中的按鈕 –

你可以添加其他類產品的項目一旦被添加到列表中，並根據該產品是否物品具有的類或沒有你可以它添加到list.your代碼可能是這個樣子：

$('.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 
    } 
});

希望它可以幫助

來源

2015-01-06 11:28:11 Aameer

這我知道我想當我打開關於產品和模式上的模式添加到列表按鈕是否需要它將產品添加到我的列表和時只有添加然後它應該得到褪色之前.. –

當模式被打開並添加到其他div時淡入li

回答

相關問題