Javascript SignalR Jquery自动生成Div
我有这段代码，其中只有两个静态div，所以我希望您能帮助我在新用户到来时自动生成新的div。事实上我和信号员一起工作。 我需要一个新用户更多的div，每个用户都有自己的div。请提供任何CS或Jquery代码帮助解决它。谢谢你的帮助：） 我的索引。HtmlJavascript SignalR Jquery自动生成Div,javascript,jquery,html,signalr,Javascript,Jquery,Html,Signalr,我有这段代码，其中只有两个静态div，所以我希望您能帮助我在新用户到来时自动生成新的div。事实上我和信号员一起工作。 我需要一个新用户更多的div，每个用户都有自己的div。请提供任何CS或Jquery代码帮助解决它。谢谢你的帮助：） 我的索引。Html <!DOCTYPE html> <html> <head> <title></title> <style> body, html {
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
body, html {
margin: 0px;
padding: 0px;
}
#indicator {
width: 300px;
height: 20px;
background: lightgrey;
color: black;
position: absolute;
left: 500px;
top: 0px;
}
#myshape {
width: 100px;
height: 100px;
background-color: blue;
position: absolute;
z-index: 100;
}
#yourshape {
width: 100px;
height: 100px;
background-color: red;
position: absolute;
z-index: 1;
}
</style>
</head>
<body>
<script src="Scripts/jquery-1.6.4.js"></script>
<script src="Scripts/jquery-ui-1.10.3.js"></script>
<script src="Scripts/jquery.signalR-2.0.0.js"></script>
<script src="Scripts/jquery.signalR-2.0.0.min.js"></script>
<script src="/signalr/hubs"></script>
<script type="text/javascript">
$(function () {
$.connection.hub.start().done(function () {
$("#indicator").html("connected");
$("#myshape").draggable({
drag: function () {
var left = $("#myshape").offset().left;
var top = $("#myshape").offset().top;
$.connection.moveShapeHub.server.calculate(left, top);
}
});
});
$.connection.moveShapeHub.client.updateshape = function (left, top) {
$("#yourshape").offset({ "left": left, "top": top });
};
});
</script>
<div id="myshape"></div>
<div id="yourshape"></div>
<div id="indicator"></div>
</body>
</html>
正文，html{
边际：0px；
填充：0px；
}
#指示器{
宽度：300px；
高度：20px；
背景：浅灰色；
颜色：黑色；
位置：绝对位置；
左：500px；
顶部：0px；
}
#我的形状{
宽度：100px；
高度：100px；
背景颜色：蓝色；
位置：绝对位置；
z指数：100；
}
#你的身材{
宽度：100px；
高度：100px；
背景色：红色；
位置：绝对位置；
z指数：1；
}
$（函数（）{
$.connection.hub.start（）.done（函数（）{
$（“#指标”）.html（“已连接”）；
$（“#myshape”）。可拖动({
拖动：函数（）{
var left=$（“#myshape”）.offset（）.left；
var top=$（“#myshape”）.offset（）.top；
$.connection.moveShapeHub.server.calculate（左，上）；
}
});
});
$.connection.moveShapeHub.client.updateshape=函数（左，上）{
$（“#yourshape”）.offset（{“left”：left，“top”：top}）；
};
});