Làm thế nào để thêm mã jQuery vào HTML trang

$(".icon-bg").click(function() { 
 
    $(".btn").toggleClass("active"); 
 
    $(".icon-bg").toggleClass("active"); 
 
    $(".container").toggleClass("active"); 
 
    $(".box-upload").toggleClass("active"); 
 
    $(".box-caption").toggleClass("active"); 
 
    $(".box-tags").toggleClass("active"); 
 
    $(".private").toggleClass("active"); 
 
    $(".set-time-limit").toggleClass("active"); 
 
    $(".button").toggleClass("active"); 
 
}); 
 

 
$(".button").click(function() { 
 
    $(".button-overlay").toggleClass("active"); 
 
}); 
 

 
$(".iconmelon").click(function() { 
 
    $(".box-upload-ing").toggleClass("active"); 
 
    $(".iconmelon-loaded").toggleClass("active"); 
 
}); 
 

 
$(".private").click(function() { 
 
    $(".private-overlay").addClass("active"); 
 
    $(".private-overlay-wave").addClass("active"); 
 
});

bất cứ ai có thể giúp đỡ? Đó là chức năng tải lên tôi tìm thấy tại http://codepen.io/iremlopsum/pen/YPWPap. Cố gắng truy cập trang web của tôi

Nguồn

2015-04-22 justin_graham92

Đây là Jquery không phải là Javascript! –

Tôi khá bối rối. Nếu bạn chỉ muốn thêm nó: đặt nó vào một tập tin, và liên kết đến tập tin JS đó trong html của bạn? Nếu bạn không biết làm thế nào để làm điều đó, tôi đề nghị bạn có một cái nhìn [ở đây] (http://www.w3schools.com/js/default.asp). Ngoài ra, hãy kiểm tra [trang này] (http://stackoverflow.com/help/how-to-ask) – Jordumus

Trước khi sao chép dán mã này, trang của bạn có các yếu tố phù hợp với các bộ chọn trong mã này không? –

1) Thực hành tốt nhất này là làm cho tập tin javascript mới như my.js . Đặt tệp này vào thư mục js của bạn trong thư mục gốc -> js/my.js. 2) Trong tệp my.js, hãy thêm mã của bạn vào bên trong phạm vi $ (tài liệu) .ready (function() {}).

$(document).ready(function(){ 
    $(".icon-bg").click(function() { 
     $(".btn").toggleClass("active"); 
     $(".icon-bg").toggleClass("active"); 
     $(".container").toggleClass("active"); 
     $(".box-upload").toggleClass("active"); 
     $(".box-caption").toggleClass("active"); 
     $(".box-tags").toggleClass("active"); 
     $(".private").toggleClass("active"); 
     $(".set-time-limit").toggleClass("active"); 
     $(".button").toggleClass("active"); 
    }); 

    $(".button").click(function() { 
     $(".button-overlay").toggleClass("active"); 
    }); 

    $(".iconmelon").click(function() { 
     $(".box-upload-ing").toggleClass("active"); 
     $(".iconmelon-loaded").toggleClass("active"); 
    }); 

    $(".private").click(function() { 
     $(".private-overlay").addClass("active"); 
     $(".private-overlay-wave").addClass("active"); 
    }); 
});

3) thêm tập tin js mới của bạn vào html

<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script src="/js/my.js"></script> 
</head>

Nguồn

2015-04-22 11:40:24 nikssa23

Cảm ơn bạn vì điều này! : D –

Trước khi đóng body thẻ thêm thông tin này (tham khảo thư viện jQuery). thư viện lưu trữ khác có thể được tìm thấy here

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

Và đây

<script> 
    //paste your code here 
</script>

Nó sẽ giống như

<body> 
........ 
........ 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script> Your code </script> 
</body>

Nguồn

2015-04-22 11:34:10

của bạn Tạo một file cho jquery ví dụ uploadfuntion.js.
Lưu tệp đó trong cùng thư mục với trang web hoặc trong thư mục con.
Trong head phần của dán trang html của bạn: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

và sau đó tham chiếu đến kịch bản ví dụ của bạn: <script src="uploadfuntion.js"> </script>

4.Lastly bạn nên đảm bảo có những yếu tố phù hợp với selectors trong các mã.

Nguồn

2015-04-22 12:04:24 Rinus

Làm thế nào để thêm mã jQuery vào HTML trang

Trả lời

Các vấn đề liên quan