0

jQuery Tools オーバーレイを機能させようとしています。問題は、ある種の ASCII しかロードしないことです。

私は jQuery Tools v1.2.5 を使用しており、Resin Web サーバー上で動作します。何が間違っている可能性がありますか？

image/jpegWeb サーバーは;で応答します。しかし、何か問題があるの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();
            }
        });
    })
4

1 に答える 1

0

私は答えを見つけました。画像データは div に直接書き込まれ、img タグはありませんでした。Imgタグを配置すると、うまくいきました。

于 2012-05-21T14:33:03.940 に答える