使用jquery-steps时无法使用jquery

时间:2017-08-09 07:54:19

标签: javascript jquery jquery-steps

我在购物结帐页面使用jquery-steps并且工作正常但我无法使用jquery获取表单内的元素以根据数量动态更改价格。我无法帮助?

我通过下面的代码初始化向导,但当我使用其他jquery代码时

$(".remove > div").click(function() {

它不起作用

JS

<script>
        var form = $(".shopping-cart");
            form.children("div").steps({
                headerTag: ".header-tags",
                bodyTag: "section",
                transitionEffect: "fade",
                onStepChanging: function (event, currentIndex, newIndex) {
                  if (currentIndex > newIndex)
                    {
                        return true;
                    }
                    form.validate().settings.ignore = ":disabled,:hidden";
                    return form.valid();
                },
                onFinishing: function (event, currentIndex) {
                    form.validate().settings.ignore = ":disabled";
                    return form.valid();
                },
                onFinished: function (event, currentIndex) {
                    alert("Submitted!");
                }
            });

2 个答案:

答案 0 :(得分:1)

你可以试试这个

$( ".shopping-cart" ).on( "click", ".remove > div", function() {
    // your code here
});

答案 1 :(得分:1)

您应该使用表单ID而不是类。 而不是

var form = $(".shopping-cart");

使用

var form = $("#your-shopping-cart-id");

此外,文档包含许多有用的examples;