Tôi tương đối mới để triển khai JQuery trong toàn bộ hệ thống và tôi đang tận hưởng cơ hội này.Gọi phương thức jQuery từ thuộc tính onClick trong HTML
Tôi đã gặp một vấn đề tôi rất muốn tìm giải pháp chính xác cho.
Dưới đây là một ví dụ trường hợp đơn giản về những gì tôi muốn làm:
Tôi có một nút trên một trang, và về sự kiện click Tôi muốn gọi một hàm jquery tôi đã xác định.
Đây là mã tôi đã sử dụng để xác định phương pháp của tôi (Page.js):
(function($) {
$.fn.MessageBox = function(msg) {
alert(msg);
};
});
Và đây là trang HTML của tôi:
<HTML>
<head>
<script type="text/javascript" src="C:\Sandpit\jQueryTest\jquery-1.3.2.js"></script>
<script language="javascript" src="Page.js"></script>
</head>
<body>
<div class="Title">Welcome!</div>
<input type="button" value="ahaha" onclick="$().MessageBox('msg');" />
</body>
</HTML>
(Đoạn mã trên sẽ hiển thị nút, nhưng nhấp vào không có gì.)
Tôi biết rằng tôi có thể thêm sự kiện nhấp vào trong sự kiện sẵn sàng tài liệu, tuy nhiên có vẻ như có thể duy trì được nhiều sự kiện hơn trong phần tử HTML thay thế. Tuy nhiên tôi đã không tìm thấy một cách để làm điều này.
Có cách nào để gọi hàm jquery trên phần tử nút (hoặc bất kỳ phần tử đầu vào nào) không? Hoặc là có một cách tốt hơn để làm điều này?
Cảm ơn
EDIT:
Cảm ơn bạn đã trả lời của bạn, nó xuất hiện tôi không sử dụng JQuery một cách chính xác. Tôi thực sự rất thích nhìn thấy một ví dụ về một hệ thống sử dụng JQuery theo cách này và cách xử lý sự kiện. Nếu bạn biết bất kỳ ví dụ để chứng minh điều này xin vui lòng cho tôi biết.
Mục tiêu cơ bản của tôi để sử dụng JQuery là giúp đơn giản hóa và giảm lượng javascript cần thiết cho một ứng dụng web có quy mô lớn.
Đây là một chức năng ví dụ, để chứng minh vấn đề. – Russell
OK .. Tôi đã cập nhật một ví dụ hoạt động bằng cách sử dụng phương pháp ưa thích của bạn - cả hai phạm vi hoặc không được trang bị. – Dexter
Cảm ơn @Dexter, đã hoạt động tốt :) Lưu ý phiên bản 1.4.2 hoạt động, trong khi 1.3.2 sẽ không hoạt động. – Russell