我想把按钮放在可移动的元素js中;我不知道如何开始,我是初学者,我找不到解决方案。
如何在可移动的 js 元素中插入带有函数调用的按钮?
这是一个例子:enter image description here
还有一些js代码:
var pos = $('#center').position(),
radiusSat = $('#sat1').width() * 0.5,
radius = $('#center').width() * 0.5,
cx = pos.left + radius,
cy = pos.top + radius,
x, y, angle = 0, angles = [],
spc = 360 / 5,
deg2rad = Math.PI / 180,
i = 0;
for(;i < 5; i++) {
angles.push(angle);
angle += spc;
}
`/// space out radius`
radius += (radiusSat + 10);
loop();
function loop() {
for(var i = 0; i < angles.length; i++) {
angle = angles[i];
x = cx + radius * Math.cos(angle * deg2rad);
y = cy + radius * Math.sin(angle * deg2rad);
$('#sat' + i).css({left:x - radiusSat, top:y - radiusSat});
angles[i] = angles[i] + 1;
if (angles[i] > 360) angles[i] = 0;
}
requestAnimationFrame(loop);
}
最佳答案
您必须在偶数元素上插入一个按钮。
在按钮位于 DOM 中之后,您可以选择它们并添加事件监听器。如果你想为每个按钮添加相同的监听器,你可以按照我的例子。如果您想要不同的监听器,请按类选择按钮 $('.btn-' + index')
。
工作 fiddle :http://jsfiddle.net/andreiTn/F8x4p/1360/
关于javascript - 如何在可移动的 javascript 元素中插入按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49937409/