2015-08-11 6 views
0

Я пытаюсь получить кнопку и появляться или исчезать в зависимости от того, список/корзина пуста или имеет по крайней мере один пункт в.Показать скрыть элемент, если массив пуст или имеет элемент в

FIDDLE http://jsfiddle.net/amesy/vtg6nnce/16/

HTML ...

<a href="#" class="send-order">Place your order</a> 
<div class="form"> 
    <p>Form then appears somewhere</p> 
</div> 
<ul class="cbp-rfgrid biscuits clearfix"> 
    <li> 
     <button type="button" data-biscuit="custardcream" class="biscuit custardcream">Custard Creams</button> 
    </li> 
    <li> 
     <button type="button" data-biscuit="jammydodger" class="biscuit jammydodger">Jammy Dodger</button> 
    </li> 
    <li> 
     <button type="button" data-biscuit="hobnob" class="biscuit hobnob">Hobnob</button> 
    </li> 
</ul> 
<div class="barrel"></div> 

JQuery ...

$(function() { 
    $('.biscuit').click(function() { 
     $(this).toggleClass("selected"); 
    }); 

}); 

var barrel_items = []; 

$('[data-biscuit]').click(function() { 
    var biscuit = $(this).data('biscuit'); 
    add_to_barrel(biscuit); 
}); 

function add_to_barrel(item) { 
    if ($.inArray(item, barrel_items) !== -1) { 
     return; 
    } 
    var name = ''; 
    switch (item) { 
     case 'custardcream': 
      name = 'Custard Creams'; 
      break; 
     case 'hobnob': 
      name = 'Hobnob'; 
      break; 
     case 'jammydodger': 
      name = 'Jammy Dodgers'; 
      break; 
    } 
    $('.barrel').append('<div class="chosen">' + name + '</div>'); 
    barrel_items.push(item); 
    $('.send-order').toggleClass("show"); 
} 

$(function() { 
    $('.send-order').click(function() { 
     //$(".selection").attr('src',"img/"+bicsuit+".jpg"); 
     //$(".basket ul").append('<li><a href="#"><img src="img/biscuit.jpg" class="clearfix"><div><h3>remove</h3></div></a></li>'); 
     $('.form').toggleClass("show"); 
    }); 
}); 

ответ

1

установил его, я изменил это $("#barrel").val(biscuit); на $("#barrel").val(barrel);

Смежные вопросы