div에 html 레이아웃 파일을 삽입하려면 어떻게해야합니까?

Question

그래서 지금은 팝업 div (크롬 확장 용)가 있고 지금 당장 div가 정상적으로 나타납니다.

내가 뭘하고 싶은지는 내가 만든이 레이아웃 파일을 div에 넣는 것이다. 이 일에 대해 어떻게 생각 하나? 나는 어쩌면 당신은 'index.html을'파일의 내용을 얻기 위해 아약스를 사용할 수있는 index.html을에 innerHTML 속성 (레이아웃 파일)

jQuery(function($) { 
    // Mouse listener for any move event on the current document. 

    console.log("started"); //debug for starting 
    var popupStatus = 0; // set value 

    document.addEventListener('mousemove', function (e) { 
    var srcElement = e.srcElement; 
    // Lets check if our underlying element is a DIV. 
    if (srcElement.nodeName == 'A' || srcElement.nodeName == 'STRONG') { 
     loadPopup(); 
    } 
    else{ 
     disablePopup(); 
    } 
    }, true); 

    function loadPopup() { 
    var x = document.getElementById("index"); 
    if(popupStatus == 0) { // if value is 0, show popup 
     $('<div/>', { 
     id: 'cover', 
     innerHTML: index.html //line in question (making it "index.html" doesn't work) 
     }).appendTo(document.documentElement); 
     $('#cover').fadeTo("slow",1); 
     popupStatus = 1; // and set value to 1 
    } 
    } 

    function disablePopup() { 
    if(popupStatus == 1) { // if value is 1, close popup 
     $('#cover').fadeTo("slow",0); 
     $('#cover').remove(); 
     popupStatus = 0; 
    } 
    } 
}); 

Answer 1

을 설정했습니다.

A는 다음과 같이 니펫을 :

$.get("index.html", function(data) { 
    $.('body').append('<div id="cover">' + data + '</div>'); 
}); 

는 문제의 라인에 배치 될 수있다. '몸'을 당신의 필요에 맞는 것으로 바꿉니다. 스 니펫은 확실히 개선 될 수 있지만 지금은 아이디어를 제공해야합니다.

나는 클라이언트 측에서 JavaScript로 파일을 읽을 수있는 다른 방법을 알고 있지 않습니다.

또는 지금은 볼, 더 잘합니다

$.get("index.html", function(data) { 
    $('<div/>', { 
     id: 'cover', 
     innerHTML: data 
    }).appendTo(document.documentElement); 
}); 

을 경우 조건에서.

나는 무엇을 만들고 싶은지 완전히 모르겠지만 ID 'index'가있는 요소에 추가하려고합니다. 마지막 줄에서 적절하게 변경해야합니다.

편집 :

$.get("index.html", function(data) { 
    $('<div/>', { 
     id: 'cover', 
     html: data // this was making the problem 
    }).appendTo(x); // append to the element saved in the variable x 
}, "html"); // state explicitly that the payload of data is HTML 

나를 위해 일하는 조각을합니다

여기에 약간의 변화입니다.