Я делаю техническую демонстрацию HTML5 для работы, в которой пользователь может перетаскивать «приложения» из меню на экран, и они будут отображаться в подвижных и изменяемых размерах фреймов на странице.Все это хорошо работает в Firefox, но когда я пробую его в Chrome (который поддерживает больше функций HTML5), он пытается загрузить URL «undefined» в любой каталог, в котором я нахожусь. Вот мой код.
$(".menu-app")
.attr("draggable", "true")
.bind("dragstart", function(ev) {
var dt = ev.originalEvent.dataTransfer;
var src = $(this).attr("value");
dt.setData("src", src);
return true;
})
.bind("dragend", function() {
return false;
});
$("#content")
.bind("dragenter", function() {
return false;
})
.bind("dragleave", function() {
return false;
})
.bind("dragover", function() {
return false;
})
.bind("drop", function(ev) {
var dt = ev.originalEvent.dataTransfer;
$("#content").html($("#content").html()+
"<div class='app'><iframe width='100%' height='100%' frameborder='0' src='"+
dt.getData("src")+"'></iframe></div>");
// Make application windows draggable and resizable
$(".app").resizable({grid:20}).draggable({grid:[20,20]}).addClass("ui-widget-content");
return false;
});