3

jQuery関連の問題の解決策が必要です。

ドラッグ可能なli要素をiFrameにドロップできるようにするために、私はこれを試しました。

$(document).ready(function(){
    $("li").draggable({
        helper : "clone",
        cursor: "move",
        iframeFix: true,
        start: function() {
            $("#overlay").show();
        },
        stop: function() {
            $("#overlay").hide();
        }
    });
    $("#iframe").load(function() {
        $("#iframe").contents().find("[data-role=page]").droppable({
            hoverClass: "hover",
            tolerance: "touch",
            iframeFix: true,
            over: function(ev, ui) {
                ui.draggable;
            },
            drop: function(ev,ui) {
                $(ev.target).append(ui.draggable.attr("role"));
            }
        });
    });
});

HTMLコード：

<ul class="left">
        <li role="header">
            <!-- Header --><div class="sprite" style="background: #000; width: 100px; height: 57px;"></div>
            <span>Header</span>
        </li><li role="image">
            <!-- Image --><div class="sprite" style="background: #333; width: 65px; height: 50px;"></div>
            <span>Image</span>
        </li>
    </ul>
    <!-- Phone -->
    <div class="left" style="position: relative;margin-left: 30px;">
        <div id="overlay" class="ui-draggable-iframeFix" style="width: 320px; height: 480px; display: none;position: absolute;z-index: 9999999999999;"></div>
        <div style="color: #000; position: relative; top: 115px; left: 30px; wdith: 588px; height: 507px;">
            <iframe id="iframe" src="../" width="300px" height="100%" frameborder="0" scrolling="no"></iframe>
        </div>
    </div>

iframeのコンテンツは次のとおりです。

<html>

<head>

</head>

<body style="background: #fff">
    <!-- Home -->
    <div data-role="page" data-theme="d" id="page1" style="height: 400px;">

        Content
    </div>
</body>

divをオーバーレイとして作成し、ドラッグを開始すると表示し、ドロップすると非表示にしようとしましたが、それでも機能しません。

4

2 に答える 2

1

この機能の一般的な形式は、次のように示されているようです。

http://www.bluestudios.co.uk/blog/sandbox/iframe/iframe.html

于 2013-03-06T16:40:09.117 に答える
-3

なぜそれがiframeである必要があるのですか？

両方のdivを1つのページに配置できないのはなぜですか？

于 2013-03-14T22:10:55.267 に答える