Question

我正在努力让jQuery Tools叠加层工作。问题是它只加载某种ASCII。

我使用jQuery Tools v1.2.5，它在Resin Web Server上运行。可能有什么不对？

网络服务器以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();
            }
        });
    })

Answer 1

我找到了答案。图像数据直接写入div，没有img标签。一旦我得到了Img标签就行了。

jquery工具叠加 - 奇怪的加载错误

1 个答案: