如何在可移动的 javascript 元素中插入按钮？答案

【问题标题】：How to insert a button in a movable javascript element?如何在可移动的 javascript 元素中插入按钮？
【发布时间】：2018-04-20 08:33:06
【问题描述】：

我想把按钮放在可移动元素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);
}

http://jsfiddle.net/AbdiasSoftware/F8x4p/

【问题讨论】：

您想在单击#sat div 时添加按钮还是预期的功能是什么？
我想在这个移动的 js 结构中创建移动按钮。每次点击按钮时，另一个函数应该生成随机数。

标签： javascript html css frontend

【解决方案1】：

你必须在 even sat 元素上插入一个按钮。按钮在 DOM 中后，您可以选择它们并添加事件侦听器。如果要为每个按钮添加相同的侦听器，可以按照我的示例进行操作。如果您想要不同的侦听器，请按类选择按钮$('.btn-' + index')。

工作小提琴：http://jsfiddle.net/andreiTn/F8x4p/1360/

【讨论】：

【解决方案2】：

只需在 div 标签内放一个按钮或用 a 标签替换你的 div :)

<div id="sat0"><button>Hi</button></div>
<a class="link" href="#" id="sat1">Hi</a>

http://jsfiddle.net/Rakowu/F8x4p/1330/

【讨论】：

好吧对不起，我没理解正确:) 你用jquery吗？在这种情况下，您可以在 each 或 for 循环中使用 append with。
谢谢。是的，我正在使用 jQuery。我想通过单击按钮生成另一个 js 函数。它与链接按钮无关。
好的，我希望我能帮上忙:)