Question

在更新时，我在sub_nav中获取ajax数据。在ajax更新之前，按钮的单击事件有效，但在div中加载ajax数据后，单击事件不起作用。

您已通过ajax调用向我提供了上述表单提交方案。 “$（'＃sub_nav'）。on（'click'，'。quantity_box_button_up'，function（event）{}”

我试图像这样编码，但也不能正常处理数据请帮忙

    <div id="sub_nav">
    <div>
    <input type="button" class="quantity_box_button_down" value="-" >
    <input type="text" name="cartrowqty[1]" value="7" maxlength="3" size="5" />
    <input type="button" class="quantity_box_button_up" value="+" >
    </div>
    </div>

    <script>
        $(document).ready(function(e) {
                //$('#sub_nav').on('click', '.quantity_box_button_up', function(event)  
            $(".quantity_box_button_up").click(function(e) {

                var abc=parseInt(($(this).prev("input").val()));

                $(this).prev("input").val(abc+1);
            });
             $(".quantity_box_button_down").click(function(e) {

                var bbc=parseInt(($(this).next("input").val()));
                alert(bbc);
                if(bbc==1)
                {

                }
                else
                {
                    $(this).next("input").val(bbc-1);
                }

            });


        });
    </script>

Answer 1

如果您要更换点击处理程序最初绑定的DOM元素，它将会丢失。

您可以使用.delegate()来避免这种情况：

$(document).delegate('.quantity_box_button_up', 'click', function (e) {
 // code here
});

jquery事件不能处理ajax返回的数据

1 个答案: