Không thể làm việc tốt hơn

Question

Tôi đang cố gắng hiểu cách hoạt động của leanModal nhưng dường như tôi không thể hiểu được. Tôi đã theo dõi thiết lập từ trang web của họ tại đây: http://leanmodal.finelysliced.com.au/?#. Tuy nhiên, tôi không hiểu phải làm gì cho bước 3.

Tôi đã thiết lập chức năng này trong file html của tôi:

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

Bước 3 nói "gọi hàm trên kích hoạt phương thức của bạn, như sau Hãy chắc chắn đặt thuộc tính href của trình kích hoạt của bạn để khớp với id của phần tử đích của bạn. "

Tôi giả định rằng trình kích hoạt phương thức là nút tôi muốn nhấp để hiển thị cửa sổ. Tôi không chắc câu thứ hai có ý nghĩa gì. Cảm ơn đã giúp đỡ!

Answer 1

This is a sample pen demo for you. html của bạn nên được như thế này:

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

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

Bạn CSS nên được như thế này:

#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 của bạn nên được như thế này: Tôi giả sử bạn đã tham khảo kịch bản leanmodal trong tài liệu của bạn trong đầu và bạn không nhận được bất kỳ lỗi nào trong bảng điều khiển của trình duyệt.

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

Answer 2

Hãy thử với $ (document) .ready() như:

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

Answer 3

Bạn có thể bao gồm jquery.leanModal.d.ts trong dự án của bạn từ thư viện Chắc chắn Typed https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/jquery.leanModal

của bạn Trình biên dịch Typescript sau đó sẽ có một cái gì đó để tham khảo.

Trong loại dòng CMD "typings install jquery.leanmodal --ambient" để cài đặt.