一个按钮来将产品添加到推车

Question

我的购物车是这里http://jsfiddle.net/bkw5p/48/

中，我想展示的产品一个按钮，用户添加该产品到购物车中。 例如：当在产品上点击某个按钮时，应该将其添加到购物车中，而不是拖动到购物车上我需要一个按钮以将该产品添加到购物车中

我试过了，但我无法获取它。 好心帮助尽快解决这个问题

感谢和问候

s.varun

Answer 1

试试这个

解决方案低于

使用打击代码，并尝试

<a data-role="link" href="javascript:linkHandler('<%= obj.productname %>', '<%= obj.price %>')" class="get" >Add <a> 



function linkHandler(name, price) 
{ 
    alert(name); 
    alert(price); 
    var name = name; 
    var price = price; 
    var cartItem = new item(name, parseFloat(price)); 
      // check duplicate 
      var match = ko.utils.arrayFirst(viewModel.cartItems(), function(item){ return item.name == name; }); 
      if(match){ 
       match.qty(match.qty() + 1); 
      } else { 
       viewModel.cartItems.push(cartItem); 
var rowCount = document.getElementById("cartcontent1").getElementsByTagName("TR").length; 
document.getElementById("Totala").innerHTML = rowCount; 
      } 
} 

Answer 2

@ClarkeyBoy - 我不认为Varun的相当询问制作车间实际“工作”在这个阶段。如果我的理解与darksky一样，那么只需添加一个按钮来执行与放置功能相同的操作。

我砍死小提琴在这里工作：使用img作为拖动手柄，让

编辑更多的最新JS小提琴（按照下面的评论）http://jsfiddle.net/joevallender/VTtUr/6

我http://jsfiddle.net/joevallender/VTtUr/4/ d建议使用普通的jQuery UI而不是easyui。前者允许一切，除了选择到手柄http://forum.jquery.com/topic/how-do-i-prevent-dragging-when-a-button-is-clicked-within-the-draggable-container

小重构和“添加到购物车”功能的“取消”选项是可用的我不同的事件

function addToCart(source) { 
    var name = source.find('p:eq(0)').html(); 
    var price = source.find('p:eq(1)').html(); 
    var cartItem = new item(name, parseFloat(price.split('$')[1])); 
    var match = ko.utils.arrayFirst(viewModel.cartItems(), function(item) { 
     return item.name == name; 
    }); 
    if (match) { 
     match.qty(match.qty() + 1); 
    } else { 
     viewModel.cartItems.push(cartItem); 
     var rowCount = document.getElementById("cartcontent1").getElementsByTagName("TR").length; 
     document.getElementById("Total").innerHTML = rowCount; 
    } 
} 

所以可以使用一滴

$('.cart').droppable({ 
    onDrop: function(e, source) { 
     addToCart($(source)); 
    } 
}); 

，并单击

$('.item .add-to-cart').click(function() { 
    addToCart($(this).parent()); 
}); 

我不是布莱恩g开始选择其他代码的细节，因为我可以看到你仍在测试和搞乱，只是想要一个特定的答案。