Question

我正在为我的网站制作一个简单的购物车。但是JQuery没有用这是代码：

  head
    meta(charset="utf-8")
    link(href = "/bootstrap/dist/css/bootstrap.min.css", rel = "stylesheet")
    script(src = "/jquery/dist/jquery.min.js")
    script(src = "/bootstrap/dist/js/bootstrap.min.js")
    script(src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js")
    script(src='./cart.js')
    style
        include style.css
                .cart-body
                    ul
                        -for(var i in Cart)
                            if(!Cart[i].cId)
                                continue
                            li
                                .li-checkbox
                                    input(data-id= '#{Cart[i].cId}', data-index= '{#i}', data-price='{#Carts[i].cPrice}', class="li-checkbox input" ,type= 'checkbox')
                                .li-img
                                    img(src="#{Cart[i].cImgSrc}")
                                .li-content
                                    a(herf= '/shop/#{item_id}') #{Cart[i].cName}
                                .li-price
                                    span #{Cart[i].cPrice}
                                .li-quantity
                                    a(data-type='add', herf= 'javascript:void(0);', class='btn btn-default btn-xs') +
                                    input(id= 'Q#{i}', style= 'width: 40px;', type= 'text', value= '#{Cart[i].cQuantity}')
                                    a(data-type='subtr' herf= 'javascript:void(0);', class='btn btn-default btn-xs') -
                                .li-del
                                    a(herf= '/delFromCart/#{Cart[i]._id}', class= 'btn btn-primary btn-xs') deleted

//this is the part of JQuery
$(function() {
      $('.li-quantity').click(function() {
        var self = $(this);
        var type = self.attr('data-type'),
          num = parseFloat(self.siblings('input').val());
        if (type == 'add') {
          num += 1;
        } else if (type == 'subtr') {
          if (num > 1) {
            num -= 1;
          } else {
            return false;
          }
        }
        self.siblings('input').val(num);
        tamount();
      });

使用Express在Node中运行！他们告诉我我的问题主要是代码，所以我在文本中粘贴了一些重要的代码

Answer 1

您正在使用data-type命令选择div标签，然后阅读其data-type属性。但您已将$('.li-quantity').click(function() { var self = $(this); var type = $('a[data-type]', self).attr('data-type'), num = parseFloat(self.siblings('input').val());属性添加到内部超链接。

更改您的代码：

server.R

JQuery没有在Jade工作

1 个答案: