2014-01-30 88 views
0

這可能是一個簡單的問題,但作爲新手很難讓它運行。設置對外部js類的調用

所以我有這個leanModal JavaScript類,我想用於模態彈出。

這裏是具有圖像一旦點擊出現的例子段落:

<p id="lean_overlay"> Some text to appear</p> 

以下是適用於它的CSS:

#lean_overlay { 
    position: fixed; 
    z-index:100; 
    top: 0px; 
    left: 0px; 
    height:100%; 
    width:100%; 
    background: #000; 
    display: none; 
} 

leanModal類的教程說的如下:

第3步:在模態觸發器上調用該函數,如下所示。確保將觸發器錨點的href屬性設置爲與您的目標元素的ID匹配。

$("#trigger_id").leanModal(); 

我想要做的是,一旦一個img被點擊,被稱爲leanModal的方法,但我失去了我以前的教程,特別是其元素是一個模式觸發,哪一個是目標元素。另外,點擊圖像後如何調用函數?

任何幫助,非常感謝。

+1

可以粘貼的鏈接教程檢查其目標,看來你已經錯過了那個地方leanModal()函數連接的重要組成部分。 – bitoiu

+0

這裏是教程:[鏈接](http://leanmodal.finelysliced.com.au) 我已經下載了腳本,並將其正確包含在內:'' 問題是如何在單擊圖像時調用它。 – Domas

回答

0

既然你提到圖像被點擊,那麼你可以通過

$('img').click(function (e) { 
alert(e.target); 
});