jquery前置为div html文件内容

Question

如何做到这一点

$('#RibbonContainer-TabRowRight').prepend(load('~/_layouts/1033/nav.html'));

这样的事情而不是：

$('#RibbonContainer-TabRowRight').prepend('<div style="padding-bottom:3px;background:#fff; color:white!important; float:left; margin-right:20px; line-height:40px;"><a style="padding:0 20px; border:1 green solid;" href="#">Sitemap</a> <a style="padding:0 20px; border:1 green solid;" href="#">Help</a><a style="padding:0 20px; border:1 green solid;" href="#">Welcome!</a></div>');

Answer 1

只需使用.load（）函数

即可 像这样

$('#RibbonContainer-TabRowRight').load('/_layouts/1033/nav.html');

Answer 2

$.get("../_layouts/1033/nav.html", function(r){
    $("#RibbonContainer-TabRowRight").append(r);
});

如果需要，这不会替换和执行脚本。