Thay đổi nội dung div qua jquery bằng một nội dung của tệp html khác

Question

Để bắt đầu, tôi đã dành vài giờ duyệt luồng ngăn xếp trên các chủ đề liên quan. Nhiều người trong số họ có vẻ rất giống với vấn đề tôi đang gặp phải, thậm chí có một cặp đôi giống tôi gần như hoàn hảo. Tuy nhiên, các bản sửa lỗi làm việc cho họ dường như không hoạt động đối với tôi. Tôi nghĩ rằng tốt nhất là nên đăng mã của mình và nhờ người khác xem chúng; Tôi sẽ cố gắng càng chi tiết càng tốt.

Tôi đang cố gắng làm: Tôi có thiết lập trang có liên kết bên trong li và khi được nhấp, nó được cho là sẽ lấy một số nội dung html từ một trang khác mà tôi đã tạo. Cụ thể hơn, nó được cho là để kéo ra các nội dung html từ một id div cụ thể trong trang đó. Tôi gặp khó khăn khi kéo bất cứ thứ gì ra khỏi nó, và để nó được đăng lên trang chính của tôi.

phần HTML của tôi với điều hướng menu:

<ul id="nav_main"> 
    <li class="navLink">link here</li> 
</ul> 

Các div đó là nghĩa vụ phải thay đổi động (trên nhấp chuột) được dán nhãn như thế này:

<div id="main_content"> 
    <p></p> 
</div> 

Các tập tin .html khác mà tôi kéo dữ liệu từ có một div trông giống như sau:

<div id="one">blahbalhblahblahlbhalbhlah</div> 

Phần tôi gặp khó khăn với tôi s mã javascript. Tôi đã thử sử dụng tải và nhận được, và dường như không được làm việc. Đây là mã bộ xương của tôi:

$(document).ready(function(){ 
    $("#nav_main li").on("click", function() { 
     // here was my first attempt: 
     $("#main_content p").load("contentholder.html #one"); 

     // my second attempt, using get(): 
     $.get("contentholder.html", function(data) { 
      $("#main_content p").html(data) 
     }); 
}); 

Vấn đề của tôi với điều này là #main_content dường như không thay đổi. Tôi nghĩ rằng vấn đề là tải và nhận được nỗ lực không hoạt động, họ dường như không được kéo dữ liệu ra như nó được cho là.

Tất cả các tệp này đều nằm trên ổ đĩa cục bộ của tôi. Bất kỳ trợ giúp sẽ được đánh giá rất

Answer 1

Ngoài các lỗi cú pháp của bạn chỉ ra bởi Brad M, hãy nhớ rằng hầu hết các trình duyệt ngăn chặn các cuộc gọi AJAX nếu họ không được thực hiện từ một máy chủ, do đó, nếu bạn không chạy một localhost, rất có thể bạn sẽ gặp phải lỗi Access-Control-Allow-Origin khi thực hiện cuộc gọi AJAX.

Xem thêm thông tin tại đây: Get HTML code of a local HTML file in Javascript

Answer 2

$(document).ready(function(){ 
    // your code here 
}); 

Bạn đang thiếu function(){