SO - 29204788

by Alvin Olavarrieta

HTML

<div class="hblock-1 text-4 text__uppercase color-7">
    <a class="login btn btn-primary modal-link" href="/login-modal.php" data-toggle="modal" data-target="#login-modal">Log in</a>
    <a href="index.html#" class="register btn btn-primary modal-link">Register</a>
</div>

JavaScript

$(document).ready(function () {
    $('.modal-link').modalLoad();
});

(function ($) {
    
    
    
    $.fn.modalLoad = function (options) {
    
    $.modalLoad = function (element, options) {
        
        var defaults = {
            foo: 'bar',
            onFoo: function () {}
        }
        
        var plugin = this;
        
        plugin.settings = {};
        
        var $element = $(element),
            element = element;
        
        plugin.init = function () {
            plugin.settings = $.extend({}, defaults, options);
            plugin.add_bindings();
        }
        
        
        plugin.add_bindings = function () {
            $element.click(function (e) {
                alert('a');
                e.preventDefault()
            })
        }
        
        plugin.create_modal = function () {
            $('body').append('<div class="modal-wrapper"></div>');
        }
        
        plugin.init();
        
    }
        
        return this.each(function () {
            if (undefined == $(this).data('modalLoad')) {
                var plugin = new $.modalLoad(this, options);
                $(this).data('modalLoad', plugin);
            }
        });
        
    }
    
})(jQuery);