动态创建的复选框不适用于移动版Safari

Question

请检查这个小提琴：

http://jsfiddle.net/1f79fosh/

var div = document.createElement("div");
div.checkbox = div.appendChild(document.createElement("input"));
div.checkbox.type = "checkbox";
document.body.appendChild(div);

现在在桌面浏览器上试用它。它会工作。但是如果你在手机游戏中尝试它，当你点击它时，它会打开tweeter（？！）并且也不会改变状态（检查符号未显示）。

我做错了什么？

Answer 1

我无法在Safari中轻松测试，但请尝试：

var div = document.createElement("div");
var inp = document.createElement("input");
inp.type = "checkbox";
div.appendChild(inp);
document.body.appendChild(div);

说明：在原始代码中，在第二行中，您对新伪造复选框控件的引用实际上已分配给divider（div）元素的属性。这可能在Safari中引入了错误。