链接点击时的JQuery功能

发布时间:2020-09-15 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了链接点击时的JQuery功能编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在链接点击时调用一个 jquery函数,但没有成功:

这是我的HTML:

<a href="..." id="removeItem" checkID="12" >Delete</a>
<a href="..." id="removeItem" checkID="13" >Delete</a>
<a href="..." id="removeItem" checkID="14" >Delete</a>

    $("#removeItem").click(function(checkID) {
    return false;
    var checkID = $(this).attr("checkID");
    $("#removeDialog").dialog( {
        buttons: {
            "No" : function () {
                $(this).dialog("destroy");
                $('input#CheckName').focus();
            },"Yes": function () {
                $.ajax({
                    url: "itemRemoveWS.html?id=checkID",data: {
                        "action" : "remove","id" : checkID
                    },success: function (data) {
                        $("#removeDialog").dialog("destroy");
                        var ang = '';
                        var obj = $.parseJSON(data);
                        $.each(obj,function() {
                           ang += '<table class="form"><tr><td width="45">' + this["CheckID"] + '</td><td width="140">' + this["Name"] + '</td><td width="95">' + this["CheckNumber"] + '</td><td align="right" width="70">$' + this["Amount"] + '</td><td width="220" style="padding-left: 15px;">' + this["Description"] +'</td><td><a href="#">Delete</a></td></tr></table>';
                        });
                        $('#container').html(ang);
                        $("input#Amount").val('');
                        $("input#CheckName").val('');
                        $("input#Check_Number").val('');
                        $("select#Company").val('MMS');
                        $("th#dept").hide();
                        $('input#CheckName').focus();
                    }
                });
            }
        }
    });
});

解决方法

你有假的回报;作为点击事件回调函数中的第一条指令.这意味着你什么都不做.

把它放在逻辑的最后一行,或者更好地将它改为e.preventDefault();运用

$("#removeItem").click(function(e) {...}

作为旁注,$(“#removeItem”).click(function(checkID){} checkID将是这里引用的引用事件,而不是元素id属性.

同样,ID属性必须对每个html页面上的每个元素都是唯一的.

总结

以上是编程之家为你收集整理的链接点击时的JQuery功能全部内容,希望文章能够帮你解决链接点击时的JQuery功能所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478
编程之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!