2008-11-03 22 views
13

Tôi đang tìm kiếm một giới thiệu 10 phút tốt cho Javascript không phô trương bằng cách sử dụng JQuery. Tôi hoàn toàn mới với khái niệm này, và tôi muốn xem sự ràng buộc của sự kiện và những công việc như thế nào.javascript không phô trương với jquery - hướng dẫn tốt 10 phút?

Là một số nền tảng, tôi đang tìm cách thực hiện một hệ thống "loại bỏ thẻ này" tương tự như những gì chúng tôi có ở đây trên SO. Nhìn vào nguồn, tôi không thấy bất kỳ js nào, chỉ là một thẻ img. Điều đó làm cho tôi nghĩ rằng phải có js bên ngoài đó là ràng buộc với sự kiện click. Tôi muốn biết làm thế nào để làm điều đó, và tôi muốn một hướng dẫn cho tôi thấy làm thế nào!

+1

Hãy thử điều này: http: // railscasts.com/episodes/205-unobtrusive-javascript – Rahul

+0

trông giống như một loạt toàn bộ chúng ở đây: http://docs.jquery.com/Hướng dẫn –

+1

Gần đây tôi đã tìm thấy [một bài viết hay về javascript không gây khó chịu với jQuery] (http: //files.simonwillison.net/2008/xtech-unobtrusive-jquery.pdf) của Simon Willison. – nivcaner

Trả lời

11

Tôi đoán Tutorials trang trên trang web của jQuery sẽ là một nơi tốt để bắt đầu :)

ví dụ đơn giản để loại bỏ một liên kết mà bạn đã nhấp vào sau:

<html> 

<head> 
<script type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> 
<script type="text/javascript"> 
    // execute script only when DOM has finished loading 
    $(document).ready(function() { 
     $('#removeme').click(function() { 
      // remove element that has been target of the event 
      $(this).remove(); 
      // stop browser from following the link 
      return false; 
     }); 
    }); 
</script> 
</head> 

<body> 
    <p> 
    <a id="removeme" href="http://example.org">Remove me</a> 
    </p> 
</body> 
</html> 
Các vấn đề liên quan