$ (tài liệu) đã được gọi bên trong một chức năng bên ngoài?

Question

tôi thấy một số mã jquery trên Net nơi nào đó, mà mất dạng này:

<script>    
function doSomething(message) 
{ 
    $(document).ready(function(){  
     alert(message); 
     }); 
}; 
</script> 

ví dụ: một chức năng bên ngoài ("doSomething") trong đó có $ (document) .ready bên trong nó. Tôi bối rối vì không phải là mã dưới $ (tài liệu). Đã được kích hoạt khi DOM được tải? Nó giống như có một trình xử lý sự kiện bên trong một hàm (?). Hình thức mã này có hợp lý với bất kỳ ai không? Cảm ơn.

Answer 1

Đó có lẽ là lỗi trên bộ mã gốc. Bạn có thể làm điều đó, nhưng bạn muốn gọi số doSomething khá sớm. Lưu ý rằng nếu DOM đã sẵn sàng khi bạn gọi ready, jQuery sẽ gọi mã, do đó, nó sẽ xảy ra theo cách, nhưng nó sẽ không xảy ra cho đến khi ai đó, ở đâu đó, gọi doSomething. Tôi không thể thấy nhiều mục đích cho mô hình, vì vậy trừ khi bạn có một số tranh luận mạnh mẽ để sử dụng nó   — và đưa ra câu hỏi, tôi nghi ngờ bạn không :-)   — bạn có thể bỏ qua nó một cách an toàn.

Answer 2

Biểu mẫu mã này có hợp lý với bất kỳ ai không?

Không, không.

Answer 3

Điều đó có ý nghĩa. $ (document) .ready đăng ký một trình xử lý sự kiện được kích hoạt khi DOM được nạp đầy đủ. Hàm ẩn danh được truyền cho nó, đó là trình xử lý. Nếu bạn đăng ký trình xử lý đó sau khi DOM được tải, nó sẽ được kích hoạt ngay lập tức.

Javascript có thể được thực hiện trước khi DOM được tải đầy đủ, vì vậy chức năng này thực hiện, nó thực sự đăng ký các thông điệp không được hiển thị trước khi DOM được tải. Bạn có thể sử dụng cấu trúc này nếu bạn không muốn thông báo được hiển thị trước khi DOM được tải đầy đủ.

Answer 4

$ (tài liệu) .ready(); về cơ bản đăng ký chức năng được thực hiện khi DOM sẵn sàng. Tuy nhiên trong trường hợp này, lập trình viên đã lồng nhau trong hàm này. Điều này có nghĩa là nó sẽ không được thêm vào .ready() cho đến khi anh ta gọi một hàm doSomething();

Bạn có thể thử nó ra như sau:

<script type="text/javascript"> 
    function doSomething(){ 
     $(document).ready(function(){ 
      alert('here'); 

     }); 
    } 
    doSomething(); 
</script> 

Nơi này ở các phần khác nhau của HTML của bạn và kiểm tra xem nó ra (:

Cheers