Question

共有2页：a和b。在页面a中，有一个iframe和一个input type=text。此src的{{1}}是第b页。我想将页面b中的元素拖到“a.input”中。我怎么能这样做？

第j页的jquery：
```
iframe
```

第a页的HTML

$(document).ready(function() {
    var c = {};

    $("#drag").contents().find("#move").draggable({
        helper: "clone",

        start: function(event, ui) {
            c.tr = this;
            c.helper = ui.helper;
        }
    });

    $("#drop").droppable({
        drop: function(event, ui) {

            var inventor =ui.draggable.text();
            $(this).find("input").val(inventor);
        }
    });
});

第b页的HTML：

<table>
    <tr>
        <td id="drop">
            <input type="text"   style="width: 75%" ></input>
        </td>

        <td >
            <iframe id="drag" src="date.php"/>
        </td>
    </tr>
</table>

Answer 1

我创建了一个实时示例，看看它是否在这里工作

http://plnkr.co/edit/ysTRq1fDjY0g8FaoLmnH?p=preview

你需要在框架中跟随

<script>
function drag(ev)
{
  ev.dataTransfer.setData("Text","Data you want to see in target input");
}
</script>
<div id="move" draggable="true" ondragstart="drag(event)">
  This is draggable data
</div>

jquery ui draggable - 如何将元素从iframe拖动到<input type =“text”/>

1 个答案: