Question

我想使用SimpleModal Confirm Override功能并对其进行修改，以便在页面的负载上激活它。

有人可以帮忙吗？

Link到SimpleModal演示页面网站。

Answer 1

这将显示页面加载时的模态对话框...

$(document).ready(function() { 
    $('#basicModalContent').modal();
});

Answer 2

打开confirm.js并更改：

jQuery(function ($) {
    $('#confirm-dialog input.confirm, #confirm-dialog a.confirm').click(function (e) {
        e.preventDefault();

        // example of calling the confirm function
        // you must use a callback function to perform the "yes" action
        confirm("Continue to the SimpleModal Project page?", function () {
            window.location.href = 'http://www.ericmmartin.com/projects/simplemodal/';
        });
    });
});

要：

jQuery(function ($) {
    // example of calling the confirm function
    // you must use a callback function to perform the "yes" action
    confirm("Continue to the SimpleModal Project page?", function () {
        window.location.href = 'http://www.ericmmartin.com/projects/simplemodal/';
    });
});

Answer 3

打开osx.js并删除以下行（代码从第14行开始）

        init: function () {
        ****$("input.osx, a.osx").click(function (e) { << delete this line
            e.preventDefault();**** << delete this line

            $("#osx-modal-content").modal({
                overlayId: 'osx-overlay',
                containerId: 'osx-container',
                closeHTML: null,
                minHeight: 80,
                opacity: 65, 
                position: ['0',],
                overlayClose: true,
                onOpen: OSX.open,
                onClose: OSX.close
            });
        }); <<< delete this line
    },

成为

        init: function () {

            $("#osx-modal-content").modal({
                overlayId: 'osx-overlay',
                containerId: 'osx-container',
                closeHTML: null,
                minHeight: 80,
                opacity: 65, 
                position: ['0',],
                overlayClose: true,
                onOpen: OSX.open,
                onClose: OSX.close
            });

    },

jQuery SimpleModal插件 - 打开onLoad

3 个答案: