我想做的基本上是一个 div 元素,其中包含维基百科文章的打印友好版本。我使用 iframe 来嵌入文章并且它可以工作,尽管我无法设置文档的样式。我想这是因为 iframe 内容不在我的域中并且我没有编辑权限。有没有办法在加载 iframe 后将 css 样式应用于内容?
您可以使用 AJAX 通过使用自定义查询字符串参数调用 wiki api 来完成此操作。
DEMO http://jsfiddle.net/fm0vxg32/ http://jsfiddle.net/fm0vxg32/
JS
$(document).ready(function(){
$.ajax({
type: "GET",
url: "http://en.wikipedia.org/w/api.php?action=parse&format=json&prop=text§ion=0&page=Jimi_Hendrix&callback=?",
contentType: "application/json; charset=utf-8",
async: false,
dataType: "json",
success: function (data, textStatus, jqXHR) {
var markup = data.parse.text["*"];
var blurb = $('<div></div>').html(markup);
$('#article').html($(blurb).find('p'));
},
error: function (errorMessage) {
}
});
});
CSS
#article {
// custom styling
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)