在可放置 div 的 out 和 drop 事件中,我应该期待哪些信息?我有两个可放置的容器 div:容器 1 有四个嵌套元素,容器 2 有一个嵌套元素。我将一个元素从容器一拖到容器二中。在容器一的 out 事件中,我仍然找到四个嵌套元素。但是,在容器二的放置事件中,我找到了一个元素,但它恰好是来自容器一的元素。所以有几个问题:
- 在这两个事件中找到的信息并不反映容器的实际状态。
- out 事件不反映元素已移出。
- drop 事件仅显示被删除的元素。
这是容器和嵌套在其中的元素的 HTML。
<div id="container1" class="comdiv ui-widget-content" style="position: absolute; top: 40px; left: 40px; width:350px; height:250px;">
<p id="heading" class="comhdr editableText">Container 1</p>
<br/>
<div id="u0014" class="comurl"><img class="dhandle" src="http://www.google.com/s2/favicons?domain=tf1.fr" align="middle" /> <a href="http://tf1.fr" target="_blank">TF1.fr</a>
</div>
<div id="u0015" class="comurl"><img class="dhandle" src="http://www.google.com/s2/favicons?domain=www.aol.com" align="middle" /> <a href="http://www.aol.com" target="_blank">AOL.com</a>
</div>
<div id="u0016" class="comurl"><img class="dhandle" src="http://www.google.com/s2/favicons?domain=www.facebook.com" align="middle" /> <a href="http://www.facebook.com" target="_blank">Facebook.com</a>
</div>
<div id="u0017" class="comurl"><img class="dhandle" src="http://www.google.com/s2/favicons?domain=msn.com" align="middle" /> <a href="http://www.msn.com" target="_blank">MSN.com</a>
</div>
</div>
<div id="container2" class="comdiv ui-widget-content" style="position: absolute; top: 40px; left: 240px; width:350px; height:250px;">
<p id="heading" class="comhdr editableText">Container 2</p>
<br/>
<div id="u0018" class="comurl"><img class="dhandle" src="http://www.google.com/s2/favicons?domain=google.com" align="middle" /> <a href="http://google.com" target="_blank">Google.com</a>
</div>
</div>
.children
在 javascript 中,我使用和 这样的.each
函数遍历嵌套元素$('#'+divid).children('div').children('div').each()
。
function update_urls(divid) {
// add urls
var url = '';
var urlname = '';
var urllink = '';
var urlid = '';
$('#'+divid).children('div').children('div').each(function () {
url = $(this).find('a');
urlname = url.text();
urllink = url.attr('href');
urlid = $(this).attr('id');
alert("urlid "+urlid+" urlname "+urlname+" urllink "+urllink);
}
除了 out 和 drop 之外,还有其他事件可以获取有关可拖放 div 的嵌套元素的正确信息吗?.children
除了获取可拖放 div 的嵌套元素之外,还有其他功能吗?