2014-01-10 73 views
-1

我正在使用jQuery 1.9.1和最新版本的簡單模態jQuery插件。jQuery simplemodal「TypeError:無法調用未定義的方法'init'

我試圖找出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> 
+0

你能提供鏈接到插件嗎?甚至如果你可以創建一個[小提琴](http://jsfiddle.net) – Satpal

+0

你是如何添加你的jQuery和jQuery簡單模態插件?代碼請! –

+0

這是插件:http://www.ericmmartin.com/simplemodal-1-4-4-released/ –

回答

1

下載jquery ui

然後

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

打開模式

相關問題