Question

的Default.aspx 单击+符号以增加数量。和 - 减少数量的符号。

    <div class="sp-quantity">
                                        <div class="sp-minus fff">
                                            <a class="ddd" href="#">-</a>
                                        </div>
                                        <div class="sp-input">
                                            <asp:TextBox ID="txtQuantity" runat="server" CssClass="popuptextbox quntity-input"
                                                Width="30px" Text='<%#Eval("Quantity")%> '></asp:TextBox>
                                        </div>
                                        <div class="sp-plus fff">
                                            <a class="ddd" href="#">+</a>
                                        </div>
                                        <%--<asp:LinkButton ID="lbtnUpdateQuantity" runat="server" CommandName="Update"><i class="fa fa-check-circle" style="color:#00374A"></i></asp:LinkButton>--%>
                                    </div>



jquery:

<script type="text/javascript">
        $(".ddd").on("click", function () {

            var $button = $(this);
            var oldValue = $button.closest('.sp-quantity').find("#ContentPlaceHolder1_gvItems_txtQuantity").val();
            //var oldValue = $("#ContentPlaceHolder1_gvItems_txtQuantity").val();

            if ($button.text() == "+") {
                var newVal = parseFloat(oldValue) + 1;
            } else {
                if (oldValue > 0) {
                    var newVal = parseFloat(oldValue) - 1;
                } else {
                    newVal = 0;
                }
            }

            $button.closest("#ContentPlaceHolder1_gvItems_txtQuantity").val(newVal);

                });

    </script>

在此我点击+符号时没有事件触发。如何处理该jquery？

Answer 1

您需要将代码包装在$(document).ready()：

中

 $(document).ready(function(){
      $(".ddd").on("click", function () {
         ...
      })
 });

Answer 2

在此函数中添加jQuery内容

$(function() {
    //jQuery stuff
})

Answer 3

将你的jquery代码保留在head部分中，只考虑最佳实践，还有一件事要在

中添加此代码

$(document).ready(function(){

 });

当文档准备就绪并且完全加载/ Dom准备就绪时，这会将事件附加到给定类的元素。

为什么jquery点击事件没有解雇？

3 个答案: