無法讓leanmodal工作

我想了解leanModal的工作方式，但似乎無法弄清楚。我從他們的網站跟隨設置：http://leanmodal.finelysliced.com.au/?#。不過，我不明白爲步做3無法讓leanmodal工作

我已經設置了該功能在我的HTML文件：

<script type="text/javascript"> 
    $('#btnToCreate-Join').click(function() { 
      $("#trigger_id").leanModal(); 
    }); 
</script>

第3步說「叫你的模式觸發功能，如下。一定要設置你的觸發器錨點的href屬性以匹配你的目標元素的id。「

我假設模式觸發器是我想單擊以調出窗口的按鈕。我不確定第二句話的含義。謝謝您的幫助！

來源

2013-10-16 user2888360

This is a sample pen demo for you. 你的HTML應該是這樣的：

<a id="go" name="test" href="#test">Basic</a> 

<div id="test"> 
    bla bla bla 
</div>

你的CSS應該是這樣的：

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

#test { 
width: 600px; 
padding: 30px; 
display: none; 
background: #FFF; 
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
box-shadow: 0px 0px 4px rgba(0,0,0,0.7); 
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); 
-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7); 
}

您的JavaScript應該是這樣的：我假設你已經提到的leanmodal腳本在你的文檔中，你不會在瀏覽器的控制檯中看到任何錯誤。

<script type="text/javascript"> 
    $("#go").leanModal(); 
</script>

來源

2013-10-16 23:17:54

我改變了我的代碼看起來像這樣，但我仍然沒有得到彈出時，我點擊按鈕。我錯過了什麼包括？ – user2888360

@ user2888360我在答案中給了你一個示例演示的鏈接。點擊它 - 檢查它的工作原理，然後點擊瀏覽器左下方的「編輯這個筆」選項來查看代碼。 –

@ user2888360忽略了我在演示中的js區域中添加的醜陋的js代碼 - 這是實際的leanmodal插件代碼。滾動到您需要使用的觸發器語句的底部 - 這是在jquery的ready函數下。 –

與嘗試$（文件）。就緒（），如：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#btnToCreate-Join').click(function() { 
      $("#trigger_id").leanModal(); 
     }); 
    }); 
</script>

來源

2013-11-21 01:03:01 inye

可以包括從絕對類型化圖書館https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/jquery.leanModal

在您的項目jquery.leanModal.d.ts你Typescript編譯器將有一些可供參考。

在CMD行中鍵入「typings install jquery.leanmodal --ambient」進行安裝。

來源

2016-03-29 22:58:40

無法讓leanmodal工作

回答

相關問題