如何将javascript和jQuery函数组合起来隐藏按钮

How can I combine that javascript and jQuery function to hide a button?

本文关键字：组合 起来 隐藏 按钮 函数 jQuery javascript      更新时间：2023-09-26

我下载了名为Simple Photo Manager的文件上传脚本。由于我更熟悉jQuery函数，我想将它们与该脚本中已经存在的JS代码结合使用。

我基本上想在点击删除按钮时隐藏它。为什么"删除"按钮在我点击后没有被隐藏？（注意：JS文件正确地包含在HTML文件中）此外，delLink.removeChild和delLink.appendChild在这里是无用的，因为它最初用于删除/恢复开关链接，但我决定使用按钮。

如果你能帮我的话，非常感谢。

html代码为：

<input type='button' id='deleteit' onClick="deleteLinkOnClick
(this, 'delFlag<?=$imgid?>')">

上传图像时创建该元素的JS代码是：

var image_del_link = par.createElement('input');
image_del_link.type = "button";
image_del_link.value = "Delete";
imgdiv.appendChild(image_del_link);

onclick的函数是：（我试图在底部编写jQuery函数）

function deleteLinkOnClick(delLink, delFlag) {
    var par = window.document;
    var imgDiv = delLink.parentNode;
    var image_hidden = delFlag == '' ? imgDiv.childNodes[2] : par.getElementById(delFlag);
    if (image_hidden.value == '1') {
        image_hidden.value = '0';
        delLink.removeChild(delLink.childNodes[0]);
        delLink.appendChild(par.createTextNode("Restore"));
        delLink.style.color = '#FF0000';
    }
    else {
        image_hidden.value = '1';
        delLink.removeChild(delLink.childNodes[0]);
        delLink.appendChild(par.createTextNode("Delete"));
        delLink.style.color = '#64B004';
    }
    $(document).ready(function(){
        $(image_del_link).click(function(){
            $(this).hide();
            });
        });
}

在这里。

$("#deleteit").click(function(){
    $(this).hide();
})

尝试：

$("#deleteit").live("click", function(){
    $(this).hide();
});
相关文章：