我正在尝试让 jQuery 工具覆盖工作。问题是它只加载某种 ASCII。
我使用 jQuery Tools v1.2.5,它在 Resin Web 服务器上运行。有什么问题?
网络服务器响应image/jpeg
;但是有什么问题XMLHttpRequest
吗?
$('.overlay-trigger').each(function(i) {
$(this).overlay({
top: '10%',
left: 'center',
oneInstance: true,
closeOnClick: true,
onBeforeLoad: function() {
var wrapper = this.getOverlay().find(".content-wrapper");
console.log(wrapper);
var contentRef = this.getTrigger().attr("href");
var $content = $(contentRef + " > *");
if ($content.length > 0) {
// Load from DOM tree
wrapper.html($content.clone())
}
else {
// Load data from HTTP request/response
console.log("LOADING IMAGE");
wrapper.load(contentRef);
}
},
onLoad: function() {
console.log("onLoad");
var targetOverlay = this.getTrigger().attr("rel");
// If local controllers exist, append them to the target overlay controller.
if ($("#local-overlay-controllers > *")) {
$("#local-overlay-controllers > *").appendTo(targetOverlay + " > .overlay-controllers");
}
$(targetOverlay + " .overlay-confirm").click(function() {
$(".overlay-trigger:eq(" + i + ")").overlay().close();
});
$(targetOverlay + " .close-overlay").click(function() {
// If we have multiple overlay triggers on the same page sharing the
// same #overlay, we must make sure we close the one with the correct reference.
$(".overlay-trigger:eq(" + i + ")").overlay().close();
});
},
onClose: function() {
console.log("onClose");
// Make sure we remove all content from the overlay controllers in case we reuse it.
//var targetOverlay = this.getTrigger().attr("rel");
//$(targetOverlay + " > .content-wrapper, #overlay > .overlay-controllers").empty();
}
});
})