jQuery simplemodal“TypeError：无法调用未定义的方法'init'”

Question

我正在使用jQuery 1.9.1和最新版本的simple-modal jQuery插件。

我正在试图弄清楚jQuery的init函数是什么。也许我认为这是与另一个图书馆的冲突。

我的JavaScript：

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

我的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>

Answer 1

下载jquery ui

然后

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

打开模态