jQuery 1.9 내용을 표시하는 대신 내용을 실행하십시오.

Question

msoliman이 jQuery 1.8에있는 tabs ("add") 메서드 대신 2014 년에이 addTabs 대체 함수를 게시했습니다.

var addTab = function (tabs, tabId, tabLabel, tabContentHtml) { 
    var header = "<li><a href='#" + tabId + "'>" + tabLabel + "</a> </li>" 
    tabs.find(".ui-tabs-nav").append(header); 
    tabs.append("<div id='" + tabId + "'><p>" + tabContentHtml + "</p></div>"); 
    tabs.tabs("refresh"); 
}; 

는

$("#tabs").tabs(); 
addTab($("#tabs"), "tab_id1", "Tab 1", "this is just test"); 

내가 내용을 실행보다는이

addTab($("#tabs_area"), "tab_id1", "Tab 1", myHtmlPage.html); 

물론, 파일 이름을 따옴표로, 파일 이름은 단지 내용으로 표시 표시해야 새 탭을 추가합니다.
표시하지 않고 새 탭을 추가하면 어떻게 페이지가 실행됩니까?

Answer 1

당신과 같이 페이지의 HTML을 가져 $.get를 사용하여 시도해 볼 수도 있습니다 : 내가 대신 마지막 매개 변수로 상대 URL을 취하는 새로운 기능 addTabFromURL을했습니다

var addTabFromURL = function (tabs, tabId, tabLabel, tabContentHtml) { 
    $.get(tabContentHtml, function(data) { 
     var header = "<li><a href='#" + tabId + "'>" + tabLabel + "</a> </li>" 
     tabs.find(".ui-tabs-nav").append(header); 
     tabs.append("<div id='" + tabId + "'><p>" + data + "</p></div>"); 
     tabs.tabs("refresh"); 
    }); 
} 

addTabFromURL($("#tabs_area"), "tab_id1", "Tab 1", "myHtmlPage.html"); 

. $.get을 사용하면 전달 된 URL의 HTML 콘텐츠를 검색하고 탭을 채울 수 있습니다.

물론이 방법은 사용자가 잡으려고하는 페이지가 로컬 하위 디렉토리 내에 있고 액세스 권한이없는 외부 페이지가 아니라고 가정 할 때만 작동합니다.