javascript - 如何让螺丝默认按钮插件与动态添加的复选框一起使用？

Question

这是一个很酷的插件，可以让我们轻松更改收音机/复选框的外观：

http://www.screwdefaultbuttons.com/

我的问题是，它不适用于动态添加的复选框。

这是我的代码：

function createCheckBoxes() {
    $('input:checkbox').screwDefaultButtons({
        image: "url(/content/img/checkbox_png.png)",
        width: 19,
        height: 19
    });
}

是否可以使其与动态添加的复选框一起使用？

在 GridView (ASP.NET) 中使用分页时会动态添加复选框，因此我不能再次调用该函数

Answer 1

试试这个，我想它可能会解决你的问题。

您可能会使用此脚本。每当更新面板更新时，我的意思是 ajax 请求已完成，您必须add_endRequest()在 javascript 中添加事件处理程序。

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(createCheckBoxes);

function createCheckBoxes() {
        $('input:checkbox').screwDefaultButtons({
            image: "url(/content/img/checkbox_png.png)",
            width: 19,
            height: 19
        });
    }

每当您进行分页或完成任何 ajax 请求时，都会执行上述代码。

首先尝试在单击网格中的任何页码时将警报放入函数中