jQuery simplemodal "TypeError: Cannot call method 'init' of undefined"

Question

I'm using jQuery 1.9.1 and the latest version of simple-modal jQuery plugin.

I'm trying to figure what the init function of jQuery is. Maybe I'm thinking this is a conflict with another library.

My JavaScript:

$(document).ready(function(){
    $('#freeshipping').click(function(){
        $('#freeshippingmodal').modal({
        });
    });
    $('#easyreturns').click(function(){
        $('#easyreturnsmodal').modal();
    });
    $('#5tocharity').click(function(){
        $('#5tocharitymodal').modal();
    });
});

My HTML:

<div class="CallToAction">
    <div id="freeshipping" class="call">
        ...
    </div>
    <div id='freeshippingmodal' class='simplemodal-container'>
        ...
    </div>
</div>
<div class="CallToAction">
    <div id="easyreturns" class="call">
        ...
    </div>
    <div id="easyreturnsmodal" class="simplemodal-container">
        ...
    </div>
</div>
<div class="CallToAction">
    <div id="5tocharity" class="call">
        ...
    </div>
    <div id="5tocharitymodal" class="simplemodal-container">
        ...
    </div>
</div>
<div id="simplemodal-overlay">&nbsp;</div>

Can you provide link to Plugin? Even great if you could create a [fiddle](http://jsfiddle.net) — Satpal, Jan 10 '14 at 08:08
How did you add your jquery & jquery simple modal plugin ? Code Please! — msapkal, Jan 10 '14 at 08:10
THis is the plugin: http://www.ericmmartin.com/simplemodal-1-4-4-released/ — Jack Pilowsky, Jan 10 '14 at 08:35

score 1 · Accepted Answer · answered Jan 10 '14 at 08:42

1

download jquery ui

and then

$('#freeshipping').click(function(){
    $('#freeshippingmodal').dialog({
        modal: true
    });
});

to open modal

answered Jan 10 '14 at 08:42

gogagubi

965
1
15
36

jQuery simplemodal "TypeError: Cannot call method 'init' of undefined"

1 Answers1