JavaScript Button指向href，因此我可以从html调用它

Question

我用Javascript构建了一个对话框，其中有3个按钮，如下所示：

            buttons: {
            'Spara': function() {

                if (!validate()) {
                    alert('Procent måste vara mellan 0-100');
                    return false;
                }

                locstring = "@(Url.Action("Index"))/Update/?";

                locstring += '&projectId=' + $('#projectList').val();
                locstring += '&startDate=' + $('#startDate').val();
                locstring += '&endDate=' + $('#endDate').val();
                locstring += '&pct=' + $('#pct').val();

                var sid = $('#sId').text();
                if (sid != "") {
                    locstring += '&id=' + sid;
                    //locstring = "/Delete/" + sid;
                }
                //window.location = locstring;

                $.ajax({
                    type: "GET",
                    url: locstring,
                    dataType: "html",
                    success: function(data) {
                        //alert(locstring);
                        $('#dialog').dialog('close');
                        ReloadTable();
                    }
                });


            },
            'Avbryt': function() {
                $(this).dialog('close');
            },
            'Ta bort': function() {
                var sid = $('#sId').text();
                if (sid != "") {
                    locstring = "@(Url.Action("Index"))/Delete/" + sid;
                    //locstring += '&delete=true&id=' + sid;

                    $.ajax({
                        type: "GET",
                        url: locstring,
                        dataType: "html",
                        success: function(data) {
                            $('#dialog').dialog('close');
                            ReloadTable();
                        }
                    });
                }

但是，我可以将这些按钮转换为某种href形式，这样就可以在html代码中调用它们吗？ <a href="javascript:OpenDialog()" class="btn btn-primary">因为我想将它们放置在弹出的对话框中，并且希望以不同的方式设置它们的样式。 谢谢。

Answer 1

您可以将自定义数据属性用作-

<button data-href="--"  class="btn btn-primary">Test</button>